BFE.devでのAI解答例 - React クイズ
19. lazy initial state

このReactコンポーネントは、2つの状態(state1とstate2)を使用しています。

state1は初期値1で設定されています。その後、useEffectフックが空の依存関係配列で呼び出され、state1の値が3に更新されます。

state2は、useStateのコールバック関数を使用して初期値2で設定されます。

このコンポーネントの出力はnullであるため、画面上には何も表示されません。ただし、コンソールには以下の出力があります。

2
1

最初にコンソールに表示されるのは、state2を初期化するためにuseStateのコールバック関数が実行されたためです。

その後、state1の初期値が1であるため、1がコンソールに表示されます。

最後に、useEffectフックが呼び出され、state1が3に更新されます。したがって、最終的にコンソールに表示されるのは1ではなく3です。