Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Erstellen Komplexer JSX-Elemente | Einführung in die Grundlagen von React
React-Meisterschaft
course content

Kursinhalt

React-Meisterschaft

React-Meisterschaft

2. Styling in React Apps
3. React Hooks und Context
4. React in der Realen Welt

book
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

Wenn man mit verschachteltem JSX arbeitet, was ist die Regel bezüglich der Anzahl der Elternelemente?

Wenn man mit verschachteltem JSX arbeitet, was ist die Regel bezüglich der Anzahl der Elternelemente?

Wählen Sie die richtige Antwort aus

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 5
We're sorry to hear that something went wrong. What happened?
some-alt