React Router：替换位置状态然后返回，位置状态未定义

Question

this.props.history.replace({
  state: {
    from: 'dashboard'
  }
});

this.props.history.goBack();

更新this.props.location.state后使用this.props.history.goBack()时this.props.location.state的值是undefined。但是

this.props.history.push({
  pathname: '/',
  state: {
    from: 'dashboard'
  }
});

有效并保留this.props.location.state 的值。

知道如何更新this.props.location.state 然后使用this.props.history.goBack？

Answer 1

根据官方文档：

• push(path, [state]) - (function) 将新条目推送到历史堆栈中
• replace(path, [state]) - (function) 替换历史堆栈上的当前条目
• go(n) - (function) 将历史堆栈中的指针移动 n 个条目
• goBack() - (function) 等价于 go(-1)
• goForward() - (函数) 等价于 go(1)

如果你想使用goBack()，最好使用this.props.history.push({})

为了更好地了解，您可以访问react-router-dom、history