后退按钮的模式

Question

我想知道..这里有没有人知道如何制作一个模态，一旦在Facebook中单击浏览器的后退按钮，该模态就会弹出。

我正在使用React版本16.9.0，并尝试将组件包装到withRouter并在我的componentDidMount（）中使用this.props.history.action ===“ pop”，但没有任何作用。

我见过与我相同的问题，但是我当前的反应版本似乎已过时。

谢谢。

Answer 1

我有类似的用例，我通过以下方式做到了。 componentDidMount来自仅在应用程序中呈现一次的组件（在我的情况下，它是标头组件-在我们的用例中仅呈现一次）。

browserBackHandler = (event) => {
    event.preventDefault();
    //do whatever is required here
};
componentDidMount() {
    window.onpopstate = this.browserBackHandler;
}