- 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)