码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-08-16 18:27:27      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:rop   color   ons   strategy   tor   lse   ssi   路由   isp   

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

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】路由组件跳转页面并存储参数

标签:rop   color   ons   strategy   tor   lse   ssi   路由   isp   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!