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