使用 Hooks 在 React 中获取 URL答案

【问题标题】：Get URL in React with Hooks使用 Hooks 在 React 中获取 URL
【发布时间】：2021-05-10 06:39:32
【问题描述】：

我需要在 hooks 组件中获取参数，不使用 react-routes 的最干净的方法是什么？ windows.location.search 够用吗？如何使用 hooks 以干净的方式使用它？

【问题讨论】：

嗨，玛丽安。你不需要在“钩子”上下文中做任何特别的事情——任何 Javascript 代码都可以在其中运行。这个问题的答案适用于您创建的任何钩子 - stackoverflow.com/questions/39823681/…
这能回答你的问题吗？ Read the current full URL with React?
谢谢你们，我想知道直接在反应中编写窗口元素是否被认为是不好的做法，还是很好。谢谢！

【解决方案1】：

如果你不想使用 React Router，它与 React 关系不大：

let paramsString = window.location.search
let searchParams = new URLSearchParams(paramsString) 
searchParams.has("somequery"); // true if it is present

要解析搜索参数，可以使用URLSearchParams。

【讨论】：

我也可以单独阅读developer.mozilla.org，我的问题是关于如何使用带有钩子的干净方式。