reac获取路由参数

在React中获取路由参数有两种常用的方式：Query参数获取和Param参数获取。

要使用Query参数获取，可以使用react-router-dom的useLocation钩子函数来获取当前URL的查询字符串参数。示例如下：

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

function MyComponent() {
  const location = useLocation();
  const searchParams = new URLSearchParams(location.search);
  const paramValue = searchParams.get("paramName");
  
  return (
    <div>
      <p>Param value: {paramValue}</p>
    </div>
  );
}

要使用Param参数获取，可以使用react-router-dom的useParams钩子函数来获取路由参数。示例如下：

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

function MyComponent() {
  const { paramName } = useParams();
  
  return (
    <div>
      <p>Param value: {paramName}</p>
    </div>
  );
}

以上是两种常用的方法来获取React中的路由参数。Query参数获取适用于获取URL查询字符串中的参数，而Param参数获取适用于获取路由路径中的参数。具体使用哪种方法取决于你的需求和路由配置。<span class="em">1</span><span class="em">2</span><span class="em">3</span>