reactjs / reactjs/react.dev

Misleading note in the tutorial

Offen
#1,013 2 Kommentare 1 Reaktion 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

This note from the tutorial: reactjs.org/tutorial/tutorial.html#functional-components

Note
When we modified the Square to be a functional component, we also changed onClick={() => this.props.onClick()} to a shorter onClick={props.onClick} (note the lack of parentheses on both sides). In a class, we used an arrow function to access the correct this value, but in a functional component we don’t need to worry about this.

The note seems to suggest that onClick={this.props.onClick} wouldn't work in a class component, but that's false.

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 Abschnitt zu Funktionskomponenten unter reactjs.org/tutorial/tutorial.html#functional-components und prüfe die zitierte Anmerkung neben dem Beispiel für Klassenkomponenten. Überarbeite die Anmerkung so, dass sie nicht impliziert, dass onClick={this.props.onClick} in einer Klassenkomponente nicht funktionieren kann; die Aufgabe ist abgeschlossen, wenn die Erklärung korrekt ist und weiterhin die kürzere Form der Funktionskomponente klar beschreibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
documentation
Issue-Typ
Dokumentation
Schwierigkeit
1/5
Geschätzter Aufwand
Unter einer Stunde
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

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