reactjs / reactjs/react.dev

Stateless component called as normal function call ?

Offen
#2,286 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

I am just learning react, and i wonder what is the difference below when the Component is just a stateless Component?

function Component({isLoading, children}) {
    if (isLoading) {
        return <div>{children}</div>
    }
    return "nothing"
}

<Component isLoading={true} children="children" />
vs
Component({isLoading: true, children: "children"})

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

Das Issue nennt keine Dokumentationsdatei, keinen Test und keinen Einstiegspunkt. Behandle es als Dokumentationsfrage: Identifiziere den passenden Ort in der React-Dokumentation und erkläre anschließend die beiden Aufrufformen und ihre Auswirkungen klar. Als abgeschlossen gilt die Aufgabe, wenn ein Neuling den Unterschied und den geeigneten Zeitpunkt für jede Form verstehen kann.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
documentation, frontend
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.