如何在react项目中引入react-router

 时间:2026-02-15 15:05:29

1、利用npm引入react-router

如何在react项目中引入react-router

2、新建root.js,作为程序的入口文件;

修改配置文件(package,json),main字段配置为新建的root.js;

修改webpack配置文件(webpack.config.js)的入口文件设置成root.js;

如何在react项目中引入react-router

如何在react项目中引入react-router

3、root.js文件引入react-router

如何在react项目中引入react-router

4、root.js填写路由 

route里面再套一层route,里面的route就是子路由,加载的时候需要先加载上一层,再加载子路由。

如何在react项目中引入react-router

5、子路由的使用

如何在react项目中引入react-router

6、跳转链接 link

如何在react项目中引入react-router

7、参数的传递

如何在react项目中引入react-router

如何在react项目中引入react-router

如何在react项目中引入react-router

如何在react项目中引入react-router

  • mysql权限设置
  • intellij idea如何全局重命名代码文件
  • 怎么解决MySQL查询导出excel现文件出中文乱码
  • Python教程 获取当前时间戳
  • eclipse如何配置maven插件
  • 热门搜索
    网速太慢怎么提网速 延禧攻略番外篇 减肥的好方法 喝醋减肥的正确方法 怎么做葡萄酒 瓦屋山旅游攻略 失恋了怎么办才能最快走出来 雷峰塔简介 魔力宝贝半山任务攻略 特洛伊战争简介