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 插件解析地址栏中的参数

上一篇:Redis学习--慢日志信息


下一篇:Razor 语法