react路由配置
2018-10-19 本文已影响411人
风的记忆乀
一. 安装react-router-dom
使用命令行 npm i react-router-dom --save
二、新建组件文件和路由配置文件
在src文件夹下新建components文件夹,将需要的组件分别创建到这个文件夹里
新建router文件夹(路由配置文件),在router文件夹中新建一个index.js,
![](https://img.haomeiwen.com/i14352809/5ea928fd3dd5c3de.png)
三、配置路由并导出
1、导入需要的组件
2、创建一个类,在这个类中配置路由映射和需要展示的组件
3、把这个类导出
![](https://img.haomeiwen.com/i14352809/4e5cfef6c76131b8.png)
四、引入到app.js中
![](https://img.haomeiwen.com/i14352809/5a076eaff747f8bf.png)
接下来就可以使用路由了