反应：仅在浏览器返回时如何发生警报模式

Question

我试图仅在浏览器返回时发生aler <Modal /> 。 但是当前会显示默认警报，并且每次我从该网站离开时都会发生警报。 我怎样才能解决这个问题？

constructor(props) {
  super(props);

  this.onUnload = this.onUnload.bind(this);
}

onUnload(event) {
  console.log("alert");
  event.returnValue = "alert";
}

componentDidMount() {
  window.addEventListener("beforeunload", this.onUnload);
}

componentWillUnmount() {
  window.removeEventListener("beforeunload", this.onUnload);
}

Answer 1

我不使用React，但是可以使用下面的代码。

history.pushState(null, null);
window.addEventListener('popstate', function(e) {
    alert('BF')
});