Javascript URL不'；在历史记录中单击“取消”后，如果之前刷新了页面，请不要更改回

我有以下两页：

<BrowserRouter>
  <Switch>
    <Route exact path="/" component={HomePage} />
    <Route exact path="/next" component={NextPage} />
  </Switch>
</BrowserRouter>

在主页上，我点击了下一页的链接。在下一页中，我刷新了页面，然后在文本框中键入了一些内容，将

this.state.isChangeUnsaved更改为true。然后我点击浏览器后退按钮，出现了“不保存就离开”警告框。我注意到url变为“/”。当我在警报框中单击“取消”时，url保持为“/”。如果除了刷新页面外，我执行了相同的方案，则单击“取消”时，url将按预期更改回“/next”。为什么会发生这种情况以及如何解决

this.unblock = this.props.history.block((location) => {
  if (this.state.isChangeUnsaved) {
    return 'Leave without saving?';
  }
  return true;
});