react 获取路由数据

在React中，可以使用React Router来获取路由数据。React Router是一个用于构建单页面应用的第三方库，它提供了一种在React应用中管理路由的方式。

要获取路由数据，首先需要安装React Router。可以使用npm或者yarn来安装React Router：

npm install react-router-dom

或者

yarn add react-router-dom

安装完成后，在你的应用中引入React Router的相关组件和函数：

import { BrowserRouter as Router, Route, Switch, useParams, useLocation } from 'react-router-dom';

接下来，你可以在组件中使用`useParams`和`useLocation`来获取路由数据。

`useParams`是一个自定义的React Hook，用于获取URL参数。例如，如果你的路由是`/users/:id`，你可以使用`useParams`来获取`:id`的值：

import { useParams } from 'react-router-dom';

function User() {
  const { id } = useParams();

  return <div>User ID: {id}</div>;
}

`useLocation`是另一个自定义的React Hook，用于获取当前的URL和其他相关信息。例如，你可以使用`useLocation`来获取当前路径：

import { useLocation } from 'react-router-dom';

function MyComponent() {
  const location = useLocation();

  return <div>Current Path: {location.pathname}</div>;
}

这样，你就可以在React应用中获取路由数据了。