React Hooks 如何从 URL query 字符串中获取参数值?

在React中，如果你想从URL查询字符串中获取参数值，你可以使用useLocation钩子，它是由react-router-dom提供的。useLocation钩子返回代表当前URL的location对象。你可以使用URLSearchParams API来解析查询字符串并获取特定参数的值。

下面是一个使用useLocation钩子和URLSearchParams的例子：

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

function MyComponent() {
  const location = useLocation();
  
  // 使用 URLSearchParams 解析查询字符串
  const queryParams = new URLSearchParams(location.search);
  
  // 获取特定参数值，例如 'id'
  const id = queryParams.get('id'); // 假设URL是 "?id=1234"，这将返回 '1234'

  return (
    <div>
      <p>ID: {id}</p>
    </div>
  );
}

export default MyComponent;

这段代码首先从react-router-dom中导入了useLocation钩子。然后在组件内部，我们调用useLocation来获取当前URL的location对象。使用new URLSearchParams(location.search)来创建一个新的URLSearchParams实例，这样我们就可以用get方法来检索特定的查询参数值了。

请注意，这个示例假设你的项目使用了react-router-dom库来处理路由。如果你的项目中没有使用react-router-dom，你可能需要使用不同的方法来获取URL的查询字符串。