日常问题处理（三）

一、react子组件实现路由跳转

方法一、将父组件的this.props通过属性传递给子组件

父组件中
<Video videos={this.state.videos} setprops={this.props} />
//this.props为父组件的
子组件

clickHandle() {
		console.log(this.props.setprops)
    this.props.setprops.history.push("/detail/intro");
  }

方法二、子组件通过router的context

1、引入 PropTypes

import PropTypes from "prop-types"

2、声明contextTypes

static contextTypes = {
		router: PropTypes.object
	}

3、路由跳转

clickHandle() {
		console.log(this.context)
    this.context.router.history.push("/detail/intro");
  }