反应在浏览器后退按钮上显示自定义模式[重复]答案

【问题标题】：React Show a custom modal on browser back button [duplicate]反应在浏览器后退按钮上显示自定义模式[重复]
【发布时间】：2020-02-12 04:11:23
【问题描述】：

我有一个名为 PROFILE 的路由，其中向用户展示了一个表单。

如果表单脏了，我想要做的是当用户点击浏览器后退按钮时显示一个自定义模式，否则浏览器后退按钮应该具有默认行为。

这可能吗？

react-router-dom - 4.2.2 react - 16.0.0

感谢任何帮助

【问题讨论】：

查看我对这个问题的回答。 stackoverflow.com/a/66873913/5782438

标签： javascript reactjs react-router-dom

【解决方案1】：

试试这个：

import { browserHistory } from 'react-router';

componentDidMount() {
    this.backListener = browserHistory.listen(location => {
      if (location.action === "POP") {
        // Show your model
      }
    });
  }

componentWillUnmount() {
    this.backListener();
}

【讨论】：