如何使用react-router-dom关闭浏览器后退按钮上的模式？

Question

我正在使用react-router-dom，我想要的是当我单击浏览器后退按钮时能够关闭Modal。

而且，在我的情况下，模态分量也不是Switch的一部分。那么如何关闭模态。

提前感谢：）

Answer 1

您可能可以使用类似的方法来检测是否按下了“后退”按钮。

componentDidUpdate() {
  window.onpopstate = e => {
    
  }
}

然后，根据您的模式（引导程序或其他内容，您可以调用.hide（）或.close（）。

Answer 2

您是否尝试过：ComponentWillUnmount？

Answer 3

为什么不使用button或bakcdrop退出模态？

仅使用状态，您可以关闭模​​态而无需从页面上移动