有没有一种方法可以在不重新加载或更改历史记录的情况下更改 URL？

Question

我有一个反应应用程序，用户单击一个按钮，然后返回一个随机项目，我想从该项目中取出一个属性并将其附加到 URL。但是，我不希望页面重新加载。虽然我可以使用 history.replace / history.push 更新 URL，但问题是如果用户点击返回，那么他们将返回到最后一页，该页面根据 redux-store 中的先前值正确呈现，但 URL 会滞后。

例如，如果用户在 myapp/item6 上并点击后退按钮，他们将返回到 myapp/item5，但 URL 不会更改以反映这一点。

目前，使用 react-router 和 withRouter。

Answer 1

<Link 
  to={{ 
    pathname: '/somelocation',
    state: { from: props.location } 
  }}
/>

然后在你的后退按钮中

<Link to={props.location.state.from}>
  Back
</Link>