react地址欄獲取查詢值 query-parameters

https://reacttraining.com/react-router/web/example/query-parameters

React Router does not have any opinions about how your parse URL query strings. Some applications use simple key=value query strings, but others embed arrays and objects in the query string. So it's up to you to parse the search string yourself.
In modern browsers that support the URL API, you can instantiate a URLSearchParams object from location.search and use that.
In browsers that do not support the URL API (read: IE) you can use a 3rd party library such asquery-string.

傳參

<Link to={{ pathname: "/account", search: "?name=netflix&age=18" }}>
    Netflix
</Link>

or

this.props.history.push({ pathname: '/account', search: `?name=${netflix}&age=18` })

取參

  const params = new URLSearchParams(this.props.location.search)
  console.log(params.get("name"), params.get('age'))

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容