react 获取路由path

在React中，可以使用react-router-dom库来获取路由的path。通常情况下，可以使用useLocation钩子函数来获取当前路由的信息。useLocation会返回一个location对象，其中包含了pathname属性，该属性表示当前页面的路径信息。下面是一个示例代码：

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

function MyComponent() {
  const location = useLocation();
  const path = location.pathname;

  // 在这里可以使用path变量来获取当前路由的path

  return (
    <div>
      {/* 其他组件代码 */}
    </div>
  );
}

在上述代码中，我们使用了useLocation钩子函数来获取当前路由的信息，并将其存储在location变量中。然后，我们可以通过访问location.pathname属性来获取当前路由的path。

注意，使用useLocation钩子函数需要在项目中的路由容器组件内使用，例如在BrowserRouter或HashRouter组件内部。另外，确保你已经正确导入了useLocation函数和react-router-dom库。

希望这个回答能够帮到你！<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [react——路由](https://blog.csdn.net/m0_55173487/article/details/128618909)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]