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

Öffne das verlinkte useTransition-Dokumentationsbeispiel „Perform non-blocking updates with Actions“ und überprüfe, wie die Mengeneingabe und der Gesamtbetrag dargestellt werden. Vergleiche das vorgeschlagene Item-Beispiel mit dem aktuellen Ablauf und aktualisiere anschließend das Beispiel für Menge und Gesamtbetrag, damit der Zweck der Transition rund um den Serveraufruf klar ist. Erledigt ist die Aufgabe, wenn das überarbeitete Beispiel verständlich ist und das beabsichtigte Verhalten der Transition korrekt demonstriert.