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

Question

我试图找出在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？
• 控制台中是否还有查找或搜索功能可以让我确定某物的位置？它就像一棵无尽的树。

Answer 1

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

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

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