码迷,mamicode.com
首页 > 其他好文 > 详细

React 子组件进行路由跳转

时间:2019-12-06 13:50:32      阅读:346      评论:0      收藏:0      [点我收藏+]

标签:错误   add   定义   完成   解决   nbsp   终端配置   直接   list   

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>
 

React 子组件进行路由跳转

标签:错误   add   定义   完成   解决   nbsp   终端配置   直接   list   

原文地址:https://www.cnblogs.com/tylz/p/11994482.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!