react路由的配置

react路由的配置

1. 环境

安装router包:npm install --save react-router-dom

2.路由配置

  1. 新建一个router.js文件【当然,名字随你起】
  2. 引入react,react-router-dom
  3. 将新建的页面组件,没错,就是下图里的test.js引进来
  4. 按照图上的配置没错!!!
  5. path:路径,就是你访问这个页面的路径
  6. component:组件
    react路由的配置
  7. 接下来就是应用router了,在index.js里面引入路由router,如图所示,重点已圈
    react路由的配置
  8. 然后你就可以访问你的test页面啦
    react路由的配置