1、使用query ,state ,这两种用法基本一样,这种的话页面已刷新就没有了,
点击跳转到别的组件,query传递参数
this.props.history.push({pathname:'/about',query:{id:6,name:"tom"}})
在about组件中接收
var data = this.props.location.query;
var {id,name} = data;
alert(name)
如下图
1、home组件
2、about组件
2、利用地址栏传
1、现在路由里边配置
<Route path="/user/:data" component={User} />
2、假如点击调到user页面,并且携带多个参数
goUser (){
var data = {id:3,name:"sam",age:36};
data = JSON.stringify(data);
var path = `/user/${data}`;
this.props.history.push(path)
}
3、在user页面接收这几个参数
jeshou(){
console.log(JSON.parse(this.props.match.params.data))
var data = JSON.parse(this.props.match.params.data);
var {id,name,age} = data;
alert(name)
}
如下图: