[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 行為。