javascript / beginner
Snippet
Die 'children'-Prop für Komposition
Die 'children'-Prop ist eine spezielle Prop, die automatisch alle Inhalte übergibt, die zwischen dem öffnenden und schließenden Tag einer Komponente verschachtelt sind. Sie ist essenziell für die Erstellung von Wrapper-Komponenten.
snippet.js
javascript
1
2
3
4
5
6
7
8
function Card({ children }) {return <div className="card-container">{children}</div>;}// Usage:<Card><p>This is inside the card!</p></Card>
react
Erklärung
1
function Card({ children }) {
Destrukturiert die 'children'-Prop aus dem Props-Objekt.
2
{children}
Rendert den Inhalt, der innerhalb der <Card>-Tags platziert wurde.