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

このコードを実行すると、どのような出力が得られますか？

正解:

以下のように、 handler 、 render 、 handler {number} の順番で出力されます。ただし、 {number} は state の値に応じて変化します。

render 0
handler
handler 1

onClick ハンドラが呼び出されると、2つの console.log 文が実行されています。最初のものは handler を出力し、2番目のものは handler {state} を出力します。 setState フックは flushSync にラップされており、更新は同期的に処理されます。これにより、 console.log が setState が更新される前に実行されることが保証され、したがって出力には現在の値が反映されます。