react路由傳參的方式有好幾種，接下來大概講一下。

向路由元件傳輸params引數

1. 首先需要在路由元件傳遞oarams引數，如下：
   

2. 接下來需要在route中宣告接收params引數，如下：
   

3. 然後在路由元件中接收params引數：
   

接著看實際變化和後臺列印結果：
URL地址的變化：

props中接收的資料：

於是我們就可以拿到資料進行操作了。

向路由元件傳輸search引數

跟傳輸params引數一樣

1. 需要在路由元件上傳輸search引數：
   

2. search引數不需要宣告
   

3. 在路由元件中接收search引數
   在這裡需要注意，因為傳輸過來的search引數是字串型別，如下：

所以我們需要將字串形式轉換為key：value形式的物件，這時可以使用react中的一個庫，，它的使用方法與JSON類似，一個是qs.stringify()，能將物件轉換為key，value形式的字串，中間用&連線。qs.parse()能將key，value形式並且由&連線的字串轉換為物件形式。於是我們可以這樣接收search引數

完工！

URL地址的變化：

向路由元件傳輸state引數

1. 向路由元件中傳輸state引數：
   

2.state引數也不需要宣告引數

3.在路由元件中接收state引數：

看看URL變化和後臺列印：
URL變化;

發現沒有，URL地址上面沒有顯示，表明會更安全一點。

後臺列印：

歐了！！