この記事は海洋大技術系サークルAdvent Calendar 2024 の16日目のものです！
参考にした記事：
背景
今回、useEffect内で実行される非同期関数に対して処理を行い、そこでの結果に対して返す内容を変えるという処理を記述する必要があった。
自力で実装しようとしたところ、useEffectが２回実行され、また正しく画面遷移ができなかったので、対策としてChatGPTに聞いたところ、クリーンアップ関数が提示された。
実際にコードを動かしてみると、期待通りの挙動になっていたが、コードの理解ができなかった。といった具合です
調べてみた結果
調べた結果、クリーンアップ関数とは、画面がクリーンアップ、つまり画面の更新時・コンポーネントのライフサイクルが終わる時に実行されるものである。
これを使用することで、もし何かエラーが発生した時や、画面を更新するときに何か処理を追加できるようになる。
まとめ
今回は、クリーンアップ関数についてまとめてみました。
今回クリーンアップ関数について調べた経緯は、この記事 で、書いています。