我如何在 React.js 中处理页面刷新事件答案

【问题标题】：How can i handle page refresh event in React.js我如何在 React.js 中处理页面刷新事件
【发布时间】：2021-06-08 02:54:06
【问题描述】：

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

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

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

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

也试试这个代码

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

【问题讨论】：

这能回答你的问题吗？ React | How to detect Page Refresh (F5)
@ToujouAya 它的作品！但是当用户使用浏览器刷新按钮刷新页面时，会发生此错误

标签： javascript reactjs google-chrome

【解决方案1】：

试试这个代码，它对我有用

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

【讨论】：

【解决方案2】：

你也可以使用它

winodow.location.reload(true) winodow.location.reload(false)

【讨论】：

它不起作用！，我想在用户离开页面之前显示确认。