React 如何向url中添加参数.docx

第

React?如何向url中添加参数

目录React向url中添加参数React获取url后面参数的值

React向url中添加参数

用@withRouter修饰组件，把不是通过路由切换过来的组件中，将react-router的history、location、match三个对象传入props对象上

使用queryString去序列化需要添加的参数：

queryString.stringify({

???name:liff,

???id:1111

//returnname=liffid=1111

在props中获取history，并且把序列化的后的参数push进去

importqueryStringfromquery-string;

import{withRouter}fromreact-router-dom;

history.push({

???queryString.stringify({

??????name:liff,

??????id:1111

???})

})

React获取url后面参数的值

由于页面跳转需要取携带的token访问数据。

写一个公共方法

exportfunctiongetUrlToken(name,str){

constreg=newRegExp(`(^|)${name}=([^]*)(|$)`);

constr=str.substr(1).match(reg);

if(r!=null)returndecodeURIComponent(r[2]);returnnull;

在要获取值得页面进行引入

import{getUrlToken}from写你建立公共方法的地址;

//结果测试

constructor(peops){

super(peops);

consttoken=getUrlToken(token,peops.location.search);

console.log(token);

测试结果

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。