路由与导航

包含： React Router v6 核心（Route/Link/Outlet）、编程式导航、路由守卫（权限控制）

要求： 用 React Router 实现一个多角色权限路由系统（如管理员/普通用户不同菜单）

路由

• React Router 核心组件
  • BrowserRouter
  • Route
  • Link
  • Switch/Routes
• 路由匹配规则
  • 精确匹配
  • 动态路由
  • 嵌套路由
• 路由跳转与传参
  • useNavigate
  • useParams
  • query 参数
• 路由守卫
  • 全局守卫
  • 局部守卫
  • 404 页面

技能

• 实现 “后台管理系统路由”（登录页 → 首页，嵌套侧边栏路由）
• 实现 “动态路由”（如 /user/:id），并通过 useParams 获取参数
• 实现 “路由守卫”（未登录时拦截跳转登录页）

问题

• React Router v5 和 v6 的主要区别是什么？
• 如何实现 React 路由的 “懒加载”？原理是什么？