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 中查看，咱们传递的数据