反応するjs：ページリフレッシュを検出する

Question

私はreact.jsを初めて使用しています。 私はテーブルを持つ簡単なページを持っています。ページをリロードすると、状態が失われてしまいます。 ブラウザの更新を検出する方法はありますか？

Answer 1

イベントonbeforeunloadは、ウィンドウブラウザがリフレッシュされる直前に実行されます。イベントはキャンセル可能です。

window.onbeforeunload = (e) => { 
 
    console.log(e); 
 
    return 'Stop this event'; 
 
};

その他のオプションは、componentWillUnmountライフサイクル法では、リアクトでアプリケーションコンポーネント、またはあなたの最も高次のコンポーネントに制御を取ると、あなたが達成したいのかが管理することです。しかし、ブラウザのリフレッシュの適切なイベントは、onbeforeunloadイベントで制御されます。