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>​