首页 > 其他 > 详细

【React】路由组件跳转页面并存储参数

时间:2019-08-16 19:40:13      阅读:125      评论:0      收藏:0      [点我收藏+]

记录目前用的比较舒服的方式:

1、跳转

<Button type="secondary" size=‘small‘  >
              <Link to={{ pathname: ‘/base/strategyList‘,search:id+‘‘, query: {sceneId:id,record:record} }}>查看</Link>
            </Button>&nbsp;

2、获取值:

  componentDidMount() {
    const {dispatch,location}=this.props;

    let recvParam;

    if(location.query&&location.query.record){//判断当前有参数
      recvParam=location.query.record;
      sessionStorage.setItem(‘data‘,recvParam);// 存入到sessionStorage中
    }else{
      recvParam=sessionStorage.getItem(‘data‘);// 当state没有参数时,取sessionStorage中的参数
    }

    this.setState({
      recvParam
    })

    console.log("recvParam",recvParam)
  }

 

【React】路由组件跳转页面并存储参数

原文:https://www.cnblogs.com/the-fool/p/11365425.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!