如何使用history.push

时间:2019-04-04 23:47:45

标签: javascript reactjs react-router-v4

我在函数内特定页面的React中使用了history.push,因此一旦单击按钮,它将推送到特定页面

someFunction(paramToPass){     this.props.history.push('/ abcfolder / TheFileToReceiveParam',{paramToPass});}

我想在打开页面时在TheFileToReceiveParam中获取paramToPass,但是我不知道该怎么做。

如果有人可以帮助,那将是一个很大的帮助。

1 个答案:

答案 0 :(得分:0)

以这种方式传递参数后:

this.props.history.push('/my-path', { myParam: paramToPass });

您可以使用目标组件的'location'属性来检索此参数:

this.props.location.state.myParam;

根据React Router documentation,以下是位置对象的示例:

{
  key: 'ac3df4', // not with HashHistory!
  pathname: '/somewhere'
  search: '?some=search-string',
  hash: '#howdy',
  state: {
    [userDefined]: true
  }
}