React Hook 関数の更新に関するドキュメントを読んでいて、次の文を見つけました:

更新された値は前の値に基づいているため、「 」および「-」ボタンは関数形式を使用します

しかし、関数更新の目的がわかりません。また、新しい状態を計算するときに古い状態を直接使用することとの違いもわかりません。

React useState Hook の更新関数に関数更新フォームが必要なのはなぜですか? 違いがはっきりとわかる（したがって、直接更新を使用するとエラーが発生する）例は何ですか?

たとえば、ドキュメントの例を次のように変更すると、

function Counter({initialCount}) { const [カウント, setCount] = useState(initialCount); 戻る （ <> カウント: {カウント}  setCount(initialCount)}>リセット  setCount(prevCount => prevCount 1)}>   setCount(prevCount => prevCount - 1)}>-  ); }

count を直接更新します:

function Counter({initialCount}) { const [カウント, setCount] = useState(initialCount); 戻る （ <> カウント: {カウント}  setCount(initialCount)}>リセット  setCount(count 1)}>   setCount(count - 1)}>-  ); }

動作に違いは見られず、カウントが更新されない（または最新ではない）状況は想像できません。カウントが変更されるたびに、最新のカウントを取得するために新しいクロージャーが呼び出されるからです。