React 子组件进行路由跳转
Posted tylz
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>
以上是关于React 子组件进行路由跳转的主要内容,如果未能解决你的问题,请参考以下文章