将参数放在URL中(点击列表中的某条记录携带信息进行页面跳转)

解决方案:将该条记录的信息存进将要跳转的URL中,在新的页面对url进行解析即可。

关键代码如下:

1.将信息存进url:

//当点击编辑该条记录时,页面需要携带信息进行跳转
edit=(e)={
    console.log(e);//该记录的所有信息
    let data = JSON.stringify(e);//JSON.stringify的作用主要是为了系列化对象(将原来的对象转换为字符串,如json对象):
    browerHistory.push(`/index?data=${data}`);
}

2.在跳转的新页面对url进行解析(初始化时进行):

let data;
if(GetRequest('data')){
    data = JSON.parse(GetRequest('data'));//经获取到的url信息解析出json 对象
}else{
    data={};
}
let{username}=data;//需要显示的字段名称
this.state = {
    username:username;
}
//在你需要渲染的地方设置默认值为 this.state.username

关于JSON.parse()和JSON.stringify()的相关推荐:
http://www.xker.com/page/e2015/07/209815.html

你可能感兴趣的:(React)