- Objective: why解决什么问题? - Breadcrumb: # 概念阐释 - `RouterProvider`: 路由器可供整个应用程序使用; - `createBrowserRouter`: 将定义一个路由器,防止 URL 更改导致页面重新加载。URL 更改将允许 `router` 确定要渲染哪些已定义的路由,同时将有关当前 URL 路径的信息作为 props 传递。 # 实例 ```js //App.js import { Route, RouterProvider,createBrowserRouter,createRoutesFromElements} from 'react-router-dom'; const router = createBrowserRouter(...); ... function App() { return( <RouterProvider router={router} /> ); } export default App; ``` # 相关内容 [[React Router 使用Route]] # 参考资料 - 本地文件夹:react_router_v6_lession_starting_code - [RouterProvider](https://beta.reactrouter.com/en/main/routers/router-provider)