首页 > 解决方案 > 我如何在 React.js 中处理页面刷新事件

问题描述

我想在用户离开页面之前进行确认。如果他说好的,那么它将重定向到新页面或取消离开。

但问题是,当用户在谷歌浏览器中使用浏览器刷新 btn刷新页面时,会出现以下错误

在此处输入图像描述

我厌倦了这段代码,但在 react.js 中不起作用请帮忙

  window.hideWarning = false;
    window.addEventListener('beforeunload', (event) => {
      if (!window.hideWarning) {
        event.preventDefault();
        event.returnValue = '';
      }
    });

也试试这个代码

window.onbeforeunload = function () { return ''; }.bind(this);

标签: javascriptreactjsgoogle-chrome

解决方案


试试这个代码它对我有用

 window.onbeforeunload = function () {
  if ("Some condition") {
     return '';
   }
 }.bind(this);

推荐阅读