如何配置 React Router 实现路由切换？

【概念释义】

React Router v6 用 createBrowserRouter 或 <BrowserRouter> + <Routes> 配置路径与元素映射，<Link>/<NavLink> 导航，<Outlet> 嵌套布局，动态段 :id，懒加载配合 React.lazy 与 Suspense 实现 SPA 无刷新切换。

【基础使用】

import { createBrowserRouter, RouterProvider, Link, Outlet } from 'react-router-dom';