BFE.devでのAI解答例 - React クイズ
24. useEffect() timing

このコードは、ReactのHooksを使用して作成された単純なコンポーネントです。useStateフックは、state変数とそのupdater関数を作成し、初期値0で初期化されています。useEffectフックは、stateが変更されたときにログを出力するコールバック関数を使用して設定されています。Promise.resolve()とsetTimeout()は、それぞれ非同期関数であり、それぞれコンポーネントがレンダリングされた後にログを出力します。最後に、onClickハンドラーが定義されていて、ボタンがクリックされたときにstateを更新し、ログを出力します。テストライブラリによって提供されるscreenとuserEventを使用して、ボタンがクリックされたことをシミュレートするsetTimeout呼び出しもあります。