react 使用 query-string 插件解析地址栏中的参数

需求说明：

将web端定制的页面嵌入到客户端中，在客户端跳转到web页面时将参数存在URL中，再由web页面从URL中提取参数。

如：查看设备日志功能，查询设备日志页面为web定制页面，客户端中需要查询某台设备的日志时，在调转到web页面时将设备id存在URL中，web页面渲染前先从URL中获取设备id。此处通过 query-string 获取设备id。

步骤：

• 安装query-string插件：
  npm i -save-dev query-string

• 在页面引入 query-string
  import queryString from ‘query-string‘;

• 获取地址栏中的参数，URL如：https://www.cnblogs.com?id=123456
  useEffect(() => { const { id } = getSearch(location.search) console.log("设备id==", id as string) }, [])

react 使用 query-string 插件解析地址栏中的参数

原文：https://www.cnblogs.com/wangxiuchun/p/15120436.html