【React】クリーンアップ関数がわかりづらかったので実践してみた。 - Qiita

React学習中に学んだクリーンアップ関数がよく分からなかったので、実際に動かして確認してみました。 【 目次 】 ◆ おさらい（必要な前提知識） ◆ 実行ソース ◆ 挙動確認 【 おさらい （必要な前提知識） 】 ①useEffect Reactの副作用フックの1つ。 propsやStateが更新されるなどで、画面の再描画が終わった後に処理を実行できるにするフック。 ②マウント・アンマウント 上記サイトより、 コンポーネントのインスタンスが作成されてDOMに挿入されること。 コンポーネントが作成されて、 それがDOMに要素として追加されることをマウントというみたいです。 逆にDOMからコンポーネントが削除されることをアンマウントというとのこと。 ③クリーンアップ関数 useEffectが実行される直前もしくは、コンポーネントがアンマウントされる時に実行される関数。 上記サイトより、 クリ