如何再react中获取当前路由信息

可以使用`react-router-dom`提供的`useLocation`和`useHistory`钩子来获取当前路由信息。

1. 使用`useLocation`获取当前路由信息：

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

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

  console.log(location.pathname); // 当前路由路径
  console.log(location.search); // 当前路由参数
  console.log(location.hash); // 当前路由锚点
  // ...
}

2. 使用`useHistory`获取当前路由信息：

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

function MyComponent() {
  const history = useHistory();

  console.log(history.location.pathname); // 当前路由路径
  console.log(history.location.search); // 当前路由参数
  console.log(history.location.hash); // 当前路由锚点
  // ...
}

注意：`useLocation`和`useHistory`钩子只能在`Router`组件内部使用，否则会报错。