React-Router

最新推荐文章于 2024-07-27 11:38:12 发布

云中自有锦书

最新推荐文章于 2024-07-27 11:38:12 发布

阅读量644

点赞数 1

分类专栏： React 文章标签： react-router

本文链接：https://blog.csdn.net/weixin_41282726/article/details/99673743

版权

React-Router通过react-router-dom包提供组件实现URL与UI的同步。Location对象对应URL，而UI由React组件决定。其优点在于便捷的路由管理，但API不够稳定，升级时可能需要调整代码。主要组件包括HashRouter、BrowserRouter、Link、NavLink、Route和Switch。Link和NavLink用于导航，Route定义路由规则，Switch确保唯一匹配。编程式导航可通过router.push()实现。

摘要由CSDN通过智能技术生成

参考链接：https://segmentfault.com/a/1190000017140200

react-router-dom这个包，给我们声明了很多的组件,我们可以直接导入这些组件去使用，就可以完成我们想要的路由相关的功能

原理：实现URL与UI界面的同步。其中在react-router中，URL对应Location对象，
而UI是由react components来决定的，这样就转变成location与components之间的同步问题。

优点：

1.风格: 与React融为一体,专为react量身打造，编码风格与react保持一致，例如路由的配置可以通过component来实现
2.简单: 不需要手工维护路由state，使代码变得简单
3.强大: 强大的路由管理机制，体现在如下方面
4.路由配置: 可以通过组件、配置对象来进行路由的配置
5.路由切换: 可以通过<Link> Redirect进行路由的切换
6.路由加载: 可以同步记载，也可以异步加载，这样就可以实现按需加载
7.使用方式: 不仅可以在浏览器端的使用，而且可以在服务器端的使用

缺点：API不太稳定，在升级版本的时候需要进行代码变动。

react-router4和react-router3区别：https://blog.csdn.net/qq_35484341/artic