この解答例はChatGPTによって生成されています,正しいかは自己判断で。 皆の投稿からも解答例が見つかるかもしれませんよ。
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回出力されます。