見出し画像

useEffect1

毎日投稿の予定だったのに
早速ずれてきている…
とりあえず今回のまとめ

useState は State の更新時にコンポーネントが再レンタリングされ
関数コンポーネントが最初から実行される。

それに対し useEffect はある値が変わったとき
(画面の読み込み時や特定の State 等)に限り処理を実行する。
useEffect の第二引数に[]を設定すると
コンポーネントを表示した初回のみ実行する。

第二引数に何も設定しないと全ての State に反応して
どの State が変更されても useEffect が実行される。
特定の State のみ反応してほしい時は
第二引数に State の名前を指定する。


この記事が気に入ったらサポートをしてみませんか?