BFE.devでのAI解答例 - React クイズ
4. React re-render 4

このコードを実行した場合、どの順序でコンソールに出力されるか？

答え： A, B, C, D

解説：

1. <App/>がReactDOMによりレンダリングされ、Appコンポーネントがマウントされる。
2. Appコンポーネント内にある<A><B/></A>がレンダリングされる。
3. Aコンポーネントがマウントされ、useStateフックが実行され、初期値0が設定される。useEffectフックはマウント時に実行されるため、カウンターの値が1に更新される。
4. Bコンポーネントがマウントされる。
5. Cコンポーネントがマウントされる。
6. レンダリングは終了し、Dコンポーネントがマウントされる。

したがって、コンソールには以下のように出力されます。

A
B
C
D