React Router 2.0和4.0版本的不同

最新推荐文章于 2025-01-03 21:57:00 发布

原创最新推荐文章于 2025-01-03 21:57:00 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#react-router #4-0-和2-0区别

学习笔记专栏收录该内容

6 篇文章

订阅专栏

本文介绍了从 React 2.0 到 4.0 的 Router 升级过程，包括 npm 安装命令的变化、废弃的特性如 hashistory 和新增的 BrowserRouter 组件等。详细解释了 exact 路径匹配、switch 选择性加载等功能，并对比了 BrowserRouter 与 hash 路由跳转的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

react2.0版本下载使用的是npm install react-router -S；
而react4.0 版本使用的是npm install react-route-dom 。

2.废除hashistory 、indexroute 、router用BrowserRouter 代替。
3.exact:匹配路径。
4.switch：选择性加载当前唯一路径。
5.BrowserRouter是浏览器的正常跳转（标准），是一般开发时用的路由跳转，而到了线上是用hash进行路由跳转（hash跳转只是将/#/后面的路径进行切换相当于tab切换，不回请求后台【减少http请求，减少网页性能】）；
6.Router ：里面传入History之类的属性时，是集中路由状态。