react路由

react路由

　　react 提供了實現路由的方式，不過須要咱們下載插件 react-router-dom 

　　當咱們下載好了插件，而後咱們能夠經過 import {} from 'react-router-dom' 來引入路由標籤；

　　如圖，咱們能夠看到在實現項目中的使用方法　　Router.js

　　

 

 　　咱們在全局組件中引入咱們配好的 Router 的組件，　　App.js

　　

 

 

　　接下來咱們能夠在 App 最大的組件上的任何位置，都能使用路由跳轉；

　　經過標籤的跳轉方式： < a href="#/home" >  主頁  </a>　，這樣咱們點擊 a 標籤的主頁時，就能跳轉到 home 組件

 　　場景使用　Foots.js

　　

 

 　　

這樣咱們就能使用了

　　以上咱們是使用 標籤的跳轉方式，而後咱們還可使用函數的跳轉方式；

　　當咱們將組件的內容配好的時候，這個時候咱們的組件 （this） 的 props 中就會多了幾個屬性，其中 history 中便擁有了 push 的方法，

　　咱們就能夠用它來　實現跳轉。

　　在 home.js 中

　　

 

 　　這樣咱們在另外一個組件 detail 中查看，咱們傳遞的數據