[Suggestion]: Confusing example in UseTransition

Summary

In UseTransition example, you have used input as DOM control so it's instantly updating quantity, which is confusing as it suppose to wait for server call then we can understand the use of transition there, I don't find this document is useful, all examples are very confusing.

below code would be helpful. Didn't expect this from react doc itself, I feel I have better understanding than who written this doc's.

export default function Item({quantity, onUpdateQuantity}) { function handleChange(event) { onUpdateQuantity(event.target.value); } return ( <div className="item"> <span>Eras Tour Tickets</span> <label htmlFor="name">Quantity: </label> <input type="number" value={quantity} onChange={handleChange} /> </div> ) }

Page

No response

Details

Please update Use Transition example that is related to quantity and total.

リンクされている useTransition ドキュメントの例「Perform non-blocking updates with Actions」を開き、数量入力と合計がどのように表示されているかを確認してください。提案されている Item の例と現在のフローを比較し、サーバー呼び出しにおける transition の目的が明確になるように、数量と合計の例を更新してください。更新後の例が理解しやすく、意図された transition の動作を正確に示していれば完了です。