Kursinhalt
React-Meisterschaft
React-Meisterschaft
Erstellen Komplexer JSX-Elemente
Im vorherigen Kapitel haben wir die Grundlagen von JSX erkundet. Jetzt tauchen wir tiefer ein und lernen, wie man komplexere JSX-Elemente erstellt.
Die Regel eines einzelnen Elternelements
Eine wichtige Regel beim Arbeiten mit verschachteltem JSX ist, dass es ein einzelnes Elternelement zurückgeben muss. Dieses Elternelement umschließt alle anderen Ebenen der verschachtelten Elemente. Diese Regel stellt sicher, dass React die Struktur Ihres JSX korrekt rendern und verwalten kann. Hier ist ein praktisches Beispiel, um diese Regel zu veranschaulichen:
Gültiges JSX:
Ungültiges JSX (wird nicht transpiliert):
Hinweis
Wenn wir mehrere Elemente wie diese rendern, können wir sie zur Klarheit alle in Klammern
()
einschließen, aber es ist nicht unbedingt erforderlich. Denken Sie auch daran, dass dieses Konzept gilt, wenn wir JSX-Elemente in React-Komponenten zurückgeben.
Beispiel
Danke für Ihr Feedback!