1. 程式人生 > >react-router 4.0版本使用筆記

react-router 4.0版本使用筆記

react-router 4變化還是挺大的,看網上很多人遇到問題,都是基本用法的改變,所以這裡記錄一下。

轉載自:http://www.jianshu.com/p/d6727e8d81c4

1.react-router 4.0升級不少內容,詳細可看官網

2.安裝所必須要的包:

npm install --save-dev react-router

npm install --save-dev react-router-dom

所有安裝成功的包都可以在package.js裡面檢視版本。

3.基本引用:(原Router變為HashRouter,具體元件的配置 引數參考官網)


4.react-router 4.0 對於接受引數採用 { this.props.match.params.id }

如下例子:<Route path="list/:id"></Router> 
        <Link to="list/123456"></Link>

獲取引數值的方式是:{ this.props.match.params.id }