1.安装

npm install react-router

2.引入

react学习之router

3.path属性

属性用于储存路径,路由器只能有一个子组件,所以要把所有路由标签用一个DIV包裹起来.

4.“/”

Home组件所在路由的路径为“/”,而“/ list1”开头包含了“/”,React就会默认渲染Home组件.react学习之router

5.Home.js

react学习之router
安装插件后可用快捷键“rcc”/“rfc”
react学习之router

6.其他组件类似

react学习之router
7.路由跳转的实现
react学习之router
逆战班

相关文章: