react路由参数跳转后再刷新页面，参数丢失

react路由参数跳转后再刷新页面，参数丢失

在学习antd前端框架时，遇到一个问题，从A组件传到B组件的参数，正常跳转的话，B页面显示没有问题，在这个基础上刷新B页面，会出现空白，原因是传过来的参数丢失。查阅资料后，了解到有两种方法，第一种是截取url，第二种是使用sessionStorage。
使用sessionStorage时，A组件还是正常传递参数，B组件在接收参数时，要有所改变：

let id;  //先定义一个存储参数的变量
if(this.props.location.query && this.props.location.query.name){  //判断是否有参数
	id = this.props.location.query.name;
	sessionStorage.setItem('data', id)
}else{  //这种情况是说的刷新B页面时没有传递来的参数
	id = sessionStorage.getItem('data'); //当state没有参数时，取sessionStorage中的参数
}