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

Question

我正在试图找出location.search object 查询参数的位置：

代码：

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

URL：

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

Chrome控制台：

• 我应该在哪里遍历以查找控制台中params树中的URLSearchParams object？
• 控制台中还有一个查找或搜索功能可以让我找出某些内容的位置吗？它就像一棵无尽的树。

Answer 1

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

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

这个问题并不是ReactJS的问题，除非您在this.props.location.search对象本身遇到问题，在这种情况下您应该发布其源/父组件。