reactjs / reactjs/react.dev

Aren't updater functions in state an antipattern?

Offen
#1,717 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

In documentation here:
https://reactjs.org/docs/context.html#updating-context-from-a-nested-component

An updater function is placed directly in the state object for the sole purpose of passing it down through context:

this.state = {
  theme: themes.light,
  toggleTheme: this.toggleTheme,
};

This seems like an odd antipattern. I've never placed a method in state before. Shouldn't state be exclusively for properties that affect rendering and change over time?

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

Überprüfe die verlinkte React Context-Dokumentation, insbesondere den Abschnitt „Updating Context from a Nested Component“ und sein Beispiel für einen Updater im State. Bestimme, ob das Beispiel einer Klarstellung oder Überarbeitung bedarf, und betrachte die Arbeit als abgeschlossen, wenn die Dokumentation eine klare, abgestimmte Erklärung dieses Musters enthält.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
documentation
Issue-Typ
Dokumentation
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

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