我如何在 React.js 中處理頁面刷新事件

Question

我想在用戶離開頁面之前進行確認。 如果他說好的，那么它將重定向到新頁面或取消離開。

但問題是，當用戶在谷歌瀏覽器中使用瀏覽器刷新 btn刷新頁面時，會出現以下錯誤

我厭倦了這段代碼，但在 react.js 中不起作用請幫忙

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

也試試這個代碼

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

Answer 1

你也可以使用它

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

Answer 2

試試這個代碼它對我有用

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