React-Router
博主wx: -GuanEr-,加博主进前端交流群
React Router 是完整的 React 路由解决方案。
React Router 保持 UI 与 URL 同步。它拥有简单的 API 与强大的功能例如代码缓冲加载、动态路由匹配、以及建立正确的位置过渡处理。你第一个念头想到的应该是 URL,而不是事后再想起。
路由的环境搭建和配置
使用一下命令安装 React 的路由。
react-router: 实现了路由的核心功能
react-router-dom: 基于 react-router,加入了在浏览器运行环境下的一些功能,例如:Link 组件,会渲染一个 a 标签,Link 组件源码 a 标签行; BrowserRouter 和 HashRouter 组件,前者使用pushState 和 popState 事件构建路由,后者使用window.location.hash 和 hashchange 事件构建路由。
本文介绍了React Router的配置、调用及封装,详细讲解了如何使用query和params进行参数传递,包括在Route中使用通配符、使用`<Link>`和`<NavLink>`传参,以及动态路由的实现。还探讨了BrowserRouter和HashRouter的区别,以及动态路由在权限管理中的应用。
订阅专栏 解锁全文
252

被折叠的 条评论
为什么被折叠?



