主屏幕上的反应路由器后退按钮问题

Question

当用户在主屏幕中按下浏览器的后退按钮时，我正在尝试返回登录屏幕。

这是我检测后退按钮的片段

 const handleEvent = () => {
        console.log('popstate');
    };
    useEffect(() => {
        window.addEventListener('popstate', handleEvent);
        return () => window.removeEventListener('popstate', handleEvent);
    });

当我单击浏览器后退箭头时，它调用了handleEvent 函数，但问题出在同一个主组件中，我有其他history.push 方法，当我再次单击该push 方法时，它调用handleEvent 函数。

有人可以帮助我了解如何在 react js 中处理浏览器的前进和后退箭头按钮。

Answer 1

您可以将history.push用于前进和后退按钮。