解析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 objectparams？
• 在控制檯中還有一個查找或搜索功能，可以讓我找出某物的位置？它就像一棵無盡的樹。

Answer 1

有通過API訪問參數的各種方式，我猜get，getAll，或keys是你所需要的。您在控制檯中沒有直接看到值的原因是這些是方法而不是屬性，所以需要執行它們以查看實際數據。

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

這個問題是不是一個真正的ReactJS問題，除非你遇到與this.props.location.search對象本身，在這種情況下，你應該張貼它的源/父組件的麻煩。