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>