React在浏览器后退按钮上显示自定义模式

Question

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

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

有可能吗？

react-router-dom-4.2.2 react-16.0.0

感谢任何帮助

Answer 1

尝试：

import { browserHistory } from 'react-router';

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

componentWillUnmount() {
    this.backListener();
}

有关更多信息：Intercept/handle browser's back button in React-router?