日常问题处理（三）

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

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

?

1 2 3 4 5 6 7 8 9

父组件中 <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

?

1	import PropTypes from "prop-types"

2、声明contextTypes

?

1 2 3

static contextTypes = {         router: PropTypes.object     }

3、路由跳转

?

1 2 3 4

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