BFE.devでのAI解答例 - React クイズ
22. useState()

このコードの実行結果を説明してください。

【解答】 以下のように、<A />コンポーネントが1度だけレンダリングされ、clickのログは3回出力されます。

render App
render A
click
click
click

<A />コンポーネントは_stateの変更について何も知らないため、<App />コンポーネントの再レンダリングが発生しなくても変化しません。useState()は関数コンポーネントが再レンダリングするための方法であり、再レンダリングがないため、<A />は一度しかレンダリングされません。そして、onClickハンドラが3回呼び出されるため、clickのログが3回出力されます。