react 使用 query-string 插件解析位址欄中的參數

将web端定制的頁面嵌入到用戶端中，在用戶端跳轉到web頁面時将參數存在URL中，再由web頁面從URL中提取參數。

如：檢視裝置日志功能，查詢裝置日志頁面為web定制頁面，用戶端中需要查詢某台裝置的日志時，在調轉到web頁面時将裝置id存在URL中，web頁面渲染前先從URL中擷取裝置id。此處通過 ​<code>​query-string​</code>​ 擷取裝置id。

安裝query-string插件：

<code>npm i -save-dev query-string</code>

在頁面引入 query-string

<code>import queryString from 'query-string';</code>

擷取位址欄中的參數，URL如

​<code>​useEffect(() =&gt; { const { id } = getSearch(location.search) console.log("裝置id==", id as string) }, [])​</code>​