- 控制台 退出
登录 注册
返回列表 >> React如何向url中添加参数
用@withRouter修饰组件，把不是通过路由切换过来的组件中，将react-router 的 history、location、match 三个对象传入props对象上
使用queryString去序列化需要添加的参数：
queryString.stringify({
name:liff,
id:1111
})
// return name=liffid=1111
在props中获取history，并且把序列化的后的参数push进去
import queryString from
query-string
;
import {withRouter} from
react-router-dom
history.push({
由于页面跳转需要取携带的token访问数据。
写一个公共方法
export
function
getUrlToken(name, str) {
const reg =
new
RegExp(`(^)${ name}=([^]*)($)`);
const r = str.substr(1).match(reg);
if
(r !=
null
)
return
decodeURIComponent(r[2]);
}
在要获取值得页面进行引入
import { getUrlToken } from
写你建立公共方法的地址
// 结果测试
constructor(peops){
super
(peops);
const token = getUrlToken (
token
,peops.location.search);
console.log(token );
测试结果
以上为个人经验，希望能给大家一个参考，陆零网络。也希望大家多多支持陆零网络。
TOP
陆零云服务
3天无理由退款
24小时在线服务
在线服务
3分钟急速响应
