[Suggestion]: Confusing example in UseTransition

Offen Anfängerfreundlich

#8,381 erstellt am 28.3.2026 5 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 2/5
Geschätzter Aufwand: 1-3 Stunden
Anfängerfreundlichkeit: 68/100

Issue-Typ: Dokumentation
Klarheit: Größtenteils klar
Aktivitätsstatus: Ruhig
Tech-Stack: javascript, react
Bereich: documentation

Rechercherichtung

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

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

type: documentation

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.

Vorherrschende Sprache: JavaScript
Sterne: 11.8k
Forks: 7.9k
Ø Merge: 16 Std. 6 Min.
Gemergte PRs (30 T.): 7

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus reactjs/react.dev

[Suggestion]: Feature React 19.3 codemods across docs, blog, and changelog Offen

type: documentation

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100

reactjs/react.dev#8661 · 1 Kommentar · 7 Reaktionen · Erstellt am 17.9.2026
docs: improve useState explanation in quick start Offen

Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 82/100

reactjs/react.dev#8655 · Erstellt am 12.9.2026
[Bug]: Next button throws a runtime error instead of cycling to the first sculpture Offen

bug: unconfirmed

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 74/100

reactjs/react.dev#8634 · 3 Kommentare · Erstellt am 04.9.2026
[Typo]: Repeaded words in Pitfall section Offen

type: typos

Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 90/100

reactjs/react.dev#8622 · 1 Kommentar · Erstellt am 22.8.2026
[Bug]: Sidebar dropdown does not close when the arrow is clicked again Offen

bug: unconfirmed

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100

reactjs/react.dev#8618 · Erstellt am 21.8.2026

Alle Issues in reactjs/react.dev