react 组件函数 怎么获取url后面的参与

在React组件函数中获取URL后面的参数可以通过以下几个步骤实现。

首先，通过React Router来访问URL后面的参数。React Router可以通过`useParams()` Hook来获取当前URL所带的参数。使用useParams()需要在React组件函数中引入React Router。使用useParams()函数可以像下面这样获取参数：

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

function MyComponent() {
  const params = useParams();
  const myParam = params["myParam"];

  return (
    <div>
      <p>My Parameter: {myParam}</p>
    </div>
  );
}

在这个例子中，myParam将保存URL后面的参数值。

另外，你也可以通过window对象来获取URL后面的参数。使用window.location.search可以获取URL查询字符串，这个字符串包含URL中的所有参数。之后，需要解析这个字符串来获取特定的参数值。

下面的示例代码演示了如何使用window.location.search来获取特定参数的值：

function MyComponent() {
  const queryParams = new URLSearchParams(window.location.search);
  const myParam = queryParams.get("myParam");

  return (
    <div>
      <p>My Parameter: {myParam}</p>
    </div>
  );
}

在这个例子中，使用URLSearchParams方法获取查询字符串，并使用get()方法获取myParam参数的值。

无论是使用React Router还是window.location.search，你都可以方便地在React组件函数中获取URL后面的参数。