[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.

Mở ví dụ được liên kết trong tài liệu useTransition, “Perform non-blocking updates with Actions”, và xem xét cách trường nhập số lượng và tổng số được trình bày. So sánh ví dụ Item được đề xuất với luồng hiện tại, sau đó cập nhật ví dụ về số lượng và tổng số để mục đích của transition được thể hiện rõ ràng xung quanh lệnh gọi đến server. Hoàn tất khi ví dụ đã sửa dễ hiểu và minh họa chính xác hành vi transition dự kiến.