解析 location.search 对象以查找查询参数

Posted 2023-03-07

【中文标题】解析 location.search 对象以查找查询参数

【英文标题】：parsing location.search object to find query params

【发布时间】：2017-10-12 20:26:41

【问题描述】：

我试图找出在location.search object 中的查询参数 是：

代码：

const params = new URLSearchParams(this.props.location.search);
console.log(params);

网址：

http://localhost:3000/detail/8?abc=20

Chrome 控制台：

我应该遍历哪里才能在控制台的URLSearchParams object 树中找到params？ 控制台中是否还有查找或搜索功能可以让我确定某物的位置？它就像一棵无尽的树。

【参考方案1】：

通过 API 访问参数有多种方式，我猜get、getAll 或keys 是您需要的。您没有直接在控制台中看到值的原因是这些是方法，而不是属性，因此需要执行它们才能看到实际数据。

https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams

这个问题并不是一个真正的 ReactJS 问题，除非你对 this.props.location.search 对象本身有问题，在这种情况下你应该发布它的源/父组件。

【讨论】：

谢谢——我删除了reactjs 标签。