react全家桶4-react router4

本文详细介绍了React Router 4的使用,包括的选择,路由匹配原理,以及如何处理404错误。还探讨了嵌套路由的正确设置,解决连续跳转同一路径的警告问题,以及精确匹配路由的注意事项。此外,还提到了组件的使用和strict与exact属性的影响。
摘要由CSDN通过智能技术生成

react router4 官网中文文档地址:https://react-router.docschina.org

下载包:

npm install react-router-dom --save

文档原文:在web应用程序中使用的所有组件都应该从react-router-dom中取

react-router应用程序的核心应该是一个router组件,对于web项目,react-router-dom提供了<BrowserRouter>和<HashRouter>路由。这两个路由都会为你创建一个专门的history对象。一般来说,如果你有一个相应请求的服务器,则你应该使用<BrowserRouter>,如果你使用的是静态文件的服务器,则应该使用<BrowserRouter>。

文档中还提到了一个<MemoryRouter>,文档原文:<Router>能在内存中保存你的URL的历史记录(并不会对地址栏进行读写)。很适合在测试环境和非浏览器环境中使用,例如ReactNative。

 

我尝试直接用<Router>...</Router>时提示错误,history是必须的

Warning: Failed prop type: The prop `history` is marked as required in `Router`, but its value is `undefined`.
  in Router (created by App)
  in App

由于Browser

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值