React 子组件进行路由跳转

Posted on 2019-12-06 11:58  勤勤恳恳大猿人  阅读(3516)  评论(0编辑  收藏  举报

react路由跳转:

1.DOM跳转

<Link href={`/device/list`} to={`/device/add`}></Link>
2.js跳转
this.props.history.push("/device/add")
 
具体路由跳转细节,请自行百度
 
问题:
父组件:
<TabPane tab="终端配置" key="1">
<A/>
</TabPane>
<TabPane tab="车场与出入口" key="2">
<B />
</TabPane>
 
在子组件里,直接使用js完成路由跳转
错误信息:push方法未定义
 
解决法案:
<TabPane tab="终端配置" key="1">
<A history={this.props.history}/>
</TabPane>
<TabPane tab="车场与出入口" key="2">
<B />
</TabPane>