React-Router JS控制路由跳轉

React-Router JS控制路由跳轉

時間: 2016-04-12 15:01:20 作者: zhongxia 

React-Router 控制路由跳轉的方式,目前知道的有兩種[Link 鏈接, 和 JS控制跳轉 ] ,但是最常用的就是 用 Link(類似 a 標簽),來進行跳轉

JS實現方式

由於有時候需要 點擊某個標簽,或者某一個按鈕,來動態的實現頁面跳轉的地址,這個就需要使用到 JS 來實現

實現的代碼很簡單

this.props.history.pushState(null, url); 

注意:如果是根據 路由規則返回的組件, props 上是包含 history 這個屬性的, 如果不是的話,則沒有這個屬性.