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 子组件进行路由跳转的主要内容,如果未能解决你的问题,请参考以下文章

React中路由操作、页面跳转

vue+ElementUI

react多个路由共用同一个组件模块,切换路由跳转页面不刷新问题

React中使用路由进行父子组件的通信

react函数式组件(非路由组件)实现路由跳转

路由跳转后跳转回来保留滚动条位置