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を更新するためです。