react使用useLocation获取路由参数

在React中，可以使用`react-router-dom`库提供的`useLocation` Hook来获取当前的路由信息，包括查询参数和路由路径。`useLocation`返回一个包含`location`对象的对象，这个`location`对象有多个属性可以帮助你获取你需要的信息。

例如：

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

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

  // 获取路由路径（去掉协议和域名）
  const pathName = location.pathname;

  // 获取查询参数，通常是一个对象
  const queryParams = location.query;

  // 如果需要解构查询参数，例如：
  const paramKey = location.query.key;
  
  // ...

  return (
    <div>
      {/* 使用路由参数 */}
    </div>
  );
}

在这个例子中，你可以通过`pathName`访问路径名，`queryParams`获取查询参数，并且可以根据键值对访问具体的参数值，如`paramKey`。