Aus dem Kurs: React Grundkurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
children übergeben – Tutorial zu React.js
Aus dem Kurs: React Grundkurs
children übergeben
In dieser Lektion übergeben wir Kindelemente an unsere Klassen-Komponente. Wir wollen, dass die Komponente sowohl einen Namen aus den Props ausliest als auch, dass es möglich ist, beliebigen HTML-Inhalt von außen mitzugeben. Dieses Konzept des Zusammenbauens nennt sich Komposition. Die vorhandene App-Komponente liest this.props.name aus und dieser name wird entsprechend in unserer index.js übergeben. Um Kindelemente an eine React-Komponente zu übergeben, verfahren wir nach demselben Prinzip wie in HTML. Wir fügen den Inhalt zwischen dem Start und End-Markup hinzu. Genau wie die Attributwerte werden auch die Kindelemente natürlich nicht einfach irgendwo hinzugefügt, sondern Sie werden ihnen als Parameter übergeben. In der App-Komponente können Sie dann darauf zugreifen, mit this.props.children. Sie sehen also, dass children ein Spezialfall innerhalb von props ist. Sollten Sie sich nun fragen, ob es wie in anderen Frameworks auch Slots gibt, also spezifisch benamte Children, so lautet…
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.