Bedingtes Rendering und Listen
Teil des React-Kurses
Fast jeder Bildschirm, den du je benutzt hast, zeigt je nach Bedingung das eine statt das andere: ein Banner "Du hast neue Nachrichten", das nur erscheint, wenn es neue Nachrichten gibt, eine Ladeanzeige, die nur l盲uft, solange etwas geladen wird. Und fast jeder Bildschirm zeigt mehr als ein Exemplar von etwas: eine Liste von Bestellungen, ein Raster von Produkten, einen Feed von Beitr盲gen.
Stell dir einen T眉rsteher vor einem Raum vor. Bevor er jemanden durchl盲sst, pr眉ft er genau eine Sache. Geht die Pr眉fung durch, tritt die Person ein. Geht sie schief, passiert gar nichts, keine Erkl盲rung, kein Platzhalter, nur Schweigen und eine geschlossene T眉r. ...
M枚chtest du React Bedingtes Rendering und Listen in einer echten Umgebung lernen?
Klick unten, hol dir eine Linux-Maschine mit fertigem React und arbeite Bedingtes Rendering und Listen praktisch durch, mit einem KI-Tutor, der deinen Code kennt.
Lektion startenBedingtes Rendering und ListenWas du lernen wirst
- && for show/hide
- Ternary for either/or
- Mapping arrays to JSX
- The key prop
- Why keys need to be stable
Lies diese Lektion in deiner Sprache
Alle Lektionen in diesem Kurs
17 Lektionen- 1Was ist React?25 Min.
- 2JSX und Components30 Min.
- 3Props30 Min.
- 4State mit useState35 Min.
- 5Ereignisse verarbeiten30 Min.
- 6Bedingtes Rendering und Listen30 Min.
- 7Formulare und Controlled Inputs35 Min.
- 8Effects mit useEffect40 Min.
- 9Datenabruf40 Min.
- 10Component-Komposition35 Min.
- 11Context und useContext35 Min.
- 12useReducer35 Min.
- 13Benutzerdefinierte Hooks35 Min.
- 14Performance und Memoization35 Min.
- 15Routing mit React Router40 Min.
- 16React Components testen40 Min.
- 17Abschlussprojekt: To-do-App60 Min.
Weitere Kurse ansehen
