reactjs / reactjs/react.dev

Documentation about Keys beyond usage in lists

Offen
#1,270 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

The You Probably Don't Need Derived State post shows a pattern that uses the key prop to reset (force remount) elements in order to restart the component lifecycle: https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key

It would be good to expand on that example in the main docs and discuss some of the pitfalls of that approach (for example, if a component is not written to account for changing data sources, the consumer must add a key to correctly reset the component).

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit dem verlinkten Beitrag „You Probably Don’t Need Derived State“ und seinem vollständig unkontrollierten Component-Beispiel mit einem key. Aktualisiere den relevanten Abschnitt der zentralen React-Dokumentation mit einem vergleichbaren Beispiel und erkläre das Verhalten beim Zurücksetzen sowie die Fallstricke beim Ändern von Datenquellen; als erledigt gilt die Aufgabe, wenn die Verwendung und die Einschränkungen für Leser klar sind.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
documentation
Issue-Typ
Dokumentation
Schwierigkeit
2/5
Geschätzter Aufwand
Ein halber Tag
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
48/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.