這次帶給大家React路由跳轉方法匯總，React路由跳轉的注意事項有哪些，下面就是實戰案例，一起來看一下。
前言
React-Router已經發布了多個版本，利用路由導航的使用方法都不大一樣，在這裡總結一下。
React-Router 2.0.0 版本
2.0.0版本需要使用browserHistory進行跳轉，具體參考程式碼：
import { browserHistory } from 'react-router'
browserHistory.push('/path')React-Router 2.4.0版本以上
React-Router 2.4.0版本以上，可以透過mixin的方法，使元件增加this. router屬性，然後進行對應的操作，具體mixin程式碼參考如下：
import { withRouter } from 'react-router';
clsss ABC extends Component {
}
module.exports = withRouter(ABC);用過mixin的元件，會具有this.router的屬性，只需要使用this.props.router .push('/path') 就可以跳到對應的路由了。
React-Router 3.0.0版本以上
3.0.0版本以後不需要再手動mixin相關的router屬性，在任何需要跳轉的元件中寫this.props.router.push('/path') 就可以跳到回應的路由了。
React-Router 4.0版本以上
#路由的跳轉
React-Router 4.0對路由進行了改進， router屬性改為history屬性，使用方法還是跟3.0差不多，任何需要跳轉的地方使用this.props.history.push('/path') 就可以進行跳轉了
參數的取得
使用this.props.match.params.xxx 可以取得到目前路由的參數
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
#以上是React路由跳轉方法匯總的詳細內容。更多資訊請關注PHP中文網其他相關文章！
