Aus dem Kurs: React Grundkurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
Fragments als virtuelle Wrapper – Tutorial zu React.js
Aus dem Kurs: React Grundkurs
Fragments als virtuelle Wrapper
Vielleicht haben Sie sich in einigen Lektionen gefragt, warum ich immer dieses scheinbar nutzlose div außen herum habe. Wir können es ja einfach mal entfernen und schauen, was passiert. React wirft einen fatalen Fehler. React braucht einen Hauptknoten in ihrer Custom Component und kann nicht einfach mehrere Geschwister-Knoten rendern, deshalb habe ich bisher einfach ein div als Wrapper benutzt. Es gibt aber einen einfachen Weg, solch zusätzliches HTML zu umgehen, denn der Hauptknoten muss nur ein beliebiger React-Knoten sein und kein tatsächliches HTML-Element. Hierfür stellt React die sogenannte Fragment Component bereit unter React.Fragment. Damit können Sie also Geschwister-Knoten ohne unnötiges HTML rendern. Es gibt auch noch eine Kurzschreibweise in JSX für React.Fragment. Diese ist einfach nur ein leeres Tag. Das sieht vielleicht ungewöhnlich aus, funktioniert aber einwandfrei. Es drängt sich nun die Frage auf, ob wir auch Fragments brauchen, wenn wir Geschwister-Knoten als…
Laden Sie Kurse herunter und lernen Sie auch unterwegs.
Sehen Sie sich Kurse auf Ihrem Mobilgerät ohne Internetverbindung an. Laden Sie Kurse mit der LinkedIn Learning-App für iOS oder Android herunter.