- Objective: URL 路径导航
- Breadcrumb:
# 概念阐释
React Router是一个用于构建前端应用程序的库，以创建具有动态客户端路由的[[SPA]]。它负责管理应用程序中不同[[URL]]路径之间的导航和路由。在这里，**“路由”指的是将特定的URL路径映射到相应的组件或页面**，以便在用户导航到不同路径时呈现正确的内容。
# 实例
```js
import { Route, RouterProvider,createBrowserRouter,createRoutesFromElements} from 'react-router-dom';
onst router = createBrowserRouter([
{
path: "/",
element: <Root />,
children: [
{
path: "about",
element: <About />,
},
...
],
},
]);
```
# 相关内容
## 路由 Router
- router具有多种含义：
- 最早的意思指的是指引或传送物品信息的人；
- 在通信领域，是指传送数据包或连接不同网络的设备，称为路由器。可以理解为“指引数据包传送到目标地址的最佳路径”，家中的无线路由器也就是将数据包传送到电脑的过程；
- 中文的路由：路，道路、路径；由，方向、决定；决定数据包在网络中的最佳传输路径；
# 参考资料
- [reactrouter](https://beta.reactrouter.com/en/main/routers/router-provider)