【React】画面がリロードされた際に処理を実行する方法

以下のように記述することで画面がリロードされる際に実行される処理を定義できます。

  const handleBeforeUnload = () => {
    console.log('beforeunload')
  }
  
  useEffect(() => {
    window.addEventListener('beforeunload', handleBeforeUnload)

    return () => {
      window.removeEventListener('beforeunload', handleBeforeUnload)
    }
  }, [handleBeforeUnload])