この解答例はChatGPTによって生成されています,正しいかは自己判断で。 皆の投稿からも解答例が見つかるかもしれませんよ。
BFE.devでのAI解答例 - React クイズ
16. event callback
このReactコンポーネントのレンダリング後、ボタンをクリックすると何がコンソールに表示されますか?
render 0
handler
handler 0
- useStateフックを使用して、stateという名前の現在の状態が0で初期化されています。
- onClickイベントハンドラーは、setStateメソッドを呼び出してstateを更新し、現在の状態に+1を追加します。
- renderログには、アプリがレンダリングされた後に実行されたことが示されます。
- ボタンをクリックすると、handlerログが2回実行されます。1回目のログは、クリックされたことを示し、2回目のログは更新されたstateの値を示しています。それらの値は0で、最後に更新された値は1ではありません。これは、Reactが非同期的にstateを更新するためです。