react里面获取当前路由

在 React 中获取当前路由需要使用 React Router。你可以使用 `useLocation` 钩子来获取当前的路由信息，如下所示：

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

function MyComponent() {
  const location = useLocation();
  console.log(location.pathname); // 当前路由路径
  console.log(location.search); // 当前路由查询参数
  console.log(location.hash); // 当前路由哈希值

  // ...
}

这里假设你已经安装并使用了 `react-router-dom` 库。如果你还没有使用过它，可以先参考官方文档进行安装和使用。

相关问题

如何再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`组件内部使用，否则会报错。

react函数组件里面获取当前路由

在 React 中，可以使用 `useLocation` hook 获取当前路由。

首先，需要在组件中引入 `useLocation`：

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

然后在组件中调用 `useLocation`，它会返回一个包含当前路由信息的对象：

function MyComponent() {
  const location = useLocation();
  // ...
}

`location` 对象包含许多属性，包括 `pathname`，它表示当前路由的路径部分。例如，如果当前路由为 `/users/123`，那么 `location.pathname` 的值将为 `/users/123`。

你也可以使用 `useHistory` hook 获取路由历史记录，或者使用 `useParams` hook 获取路由参数。这些 hook 都需要在组件中引入相应的模块。