react路由的配置
1. 环境
安装router包:npm install --save react-router-dom
2.路由配置
- 新建一个router.js文件【当然,名字随你起】
- 引入react,react-router-dom
- 将新建的页面组件,没错,就是下图里的test.js引进来
- 按照图上的配置没错!!!
- path:路径,就是你访问这个页面的路径
- component:组件
![新建配置路由的](https://i-blog.csdnimg.cn/blog_migrate/73c4dbf72009e2e6fffdbda0a4a3339f.png)
- 接下来就是应用router了,在index.js里面引入路由router,如图所示,重点已圈
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7bc38901cb385a679feca993986593cf.png)
- 然后你就可以访问你的test页面啦
![test页面](https://i-blog.csdnimg.cn/blog_migrate/5d3aadc2730be5c8ca5c8fbc5f3dedd2.png)