路由和导航本页总览React Router 是 React 生态最流行的路由管理库,用户构建单页面( SPA )的导航系统。 一、 安装 bashnpm install react-route@latest 信息当前版本最新(编写该文档时)为 7.9.5 📄️ 模式选择现在的 [React Router] 有三种可用模式:📄️ 核心组件一、 `` (路由组件)📄️ 编程式导航一、 useNavigate📄️ 懒加载React 路由的加载核心目标是延迟加载非首屏所需的路由组件,减少初始化包体积,提升应用加载速度。📄️ 版本差异v6 是一次重大更新,目标是简化 API 、 提升性能,并更好的适配 [React] 新特性(如 `` )。而 v7 像是 v6 的优化版,重点是提升 [React] 18 的兼容性,并简化使用体验。📄️ 路由匹配一、 精确匹配( Exact Matching )📄️ 路由跳转[React Router] 提供了三种主要的参数传递方式📄️ 路由守卫一、全局守卫📄️ react-router 和 react-router-domreact-router-dom 和 [React Router] 是 [React] 生态中路由库中两个核心包,他们紧密联系,也有明确的定位差异。
📄️ 版本差异v6 是一次重大更新,目标是简化 API 、 提升性能,并更好的适配 [React] 新特性(如 `` )。而 v7 像是 v6 的优化版,重点是提升 [React] 18 的兼容性,并简化使用体验。
📄️ react-router 和 react-router-domreact-router-dom 和 [React Router] 是 [React] 生态中路由库中两个核心包,他们紧密联系,也有明确的定位差异。