react 使用query-string插件解析url参数

安装query-string插件:
npm i -save-dev query-string

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

例子:

页面一 传参

方法一:

var url='http:baidu.com?name=1&id=2'

window.open(url)

方法二:

this.props.histroy.push({

pathName:'/list',

search:'?id=2&name=1'

})

页面二 接收参数

import queryString from 'query-string';

const {name,id}=queryString.parse(this.props.location.search)

你可能感兴趣的:(前端,react.js,路由)