reactjs / reactjs/react.dev

suggestion for the first example in Render Props section

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

Currently the first example we see reads:

<DataProvider render={data => (
  <h1>Hello {data.target}</h1>
)}/>

Why not extend this initial example further and show what a DataProvider component might look like?
e.g. something like...

const DataProvider = props => {
  const data = {
    target: "World"
  }
  return props.render(data);
}

Granted, this is a fairly dumb example and not something you'd use a render prop for, but a dumb example might help solidify the basic concept before leading into more useful examples and conversations. Thoughts?

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

Öffne den Abschnitt „Render Props“ und überprüfe sein erstes Beispiel zusammen mit dem im Issue vorgeschlagenen DataProvider-Beispiel. Aktualisiere das einführende Beispiel, um die Beziehung zwischen der Provider-Implementierung und dem Render Prop klarer zu machen; fertig, wenn das grundlegende Konzept bereits vor den späteren Beispielen verständlich ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
documentation
Issue-Typ
Dokumentation
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
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.