如何使用 history.push 在 React 中获取参数

Question

我在函数内的特定页面中使用 React 中的 history.push，以便单击按钮后它会推送到特定页面

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

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

如果有人能提供帮助，将是一个很大的帮助。

Answer 1

以这种方式传递参数后：

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

如何使用 history.push 在 React 中获取参数

How to get the parameter in React using history.push

javascript

reactjs

react-router-v4