React 子组件进行路由跳转

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>
 

猜你喜欢

转载自www.cnblogs.com/tylz/p/11994482.html
今日推荐