【React】路由組件跳轉頁面並存儲參數

記錄目前用的比較舒服的方式：

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)
  }

 3、事件觸發：

this.props.history.push(
      {
        pathname: '/dashboard',
         state: {
         names:'one'
        }
      }
    )
    //取值：this.props.location.state.names
————————————————
版權聲明：本文為CSDN博主「the_fool_」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/the_fool_/article/details/102602265