React Router 4 - 如何在刷新时清除history.state?

时间:2018-01-25 05:15:11

标签: javascript reactjs react-router react-router-v4

我使用stringInfo重定向到路由,让目标组件知道表单已成功提交。它按预期工作:我能够在history.push('/, { justAddedItem: true })路由呈现的组件上访问this.props.history.state.justAddedItem

但是,当我刷新页面/时仍然存在!当然不应该。

在我的情况下,我使用它来呈现成功的祝酒词(我使用this.props.history.state.justAddedItem),不用说,我不想在每个人上展示这片祝酒词。页面刷新。

如果我在react-toastify,那么转到其他路线,然后返回/并刷新然后/history.state

组件1

undefined

组件2

componentWillReceiveProps(nextProps) {
  // addedItem comes from the redux store
  if (isEmpty(this.props.addedItem) && !isEmpty(nextProps.addedItem)) {
    this.props.clearAddedItem()
    this.props.history.push('/', { justAddedItem: true })
  }
}

0 个答案:

没有答案