0 Tage Serie
javascript / beginner
Snippet

Saubererer Code durch Prop-Destrukturierung

Die Destrukturierung ermöglicht es, Eigenschaften direkt in den Funktionsparametern aus dem Props-Objekt zu extrahieren. Dies vermeidet die Wiederholung von 'props.' im gesamten Komponentencode.

snippet.js
javascript
1
2
3
4
5
6
7
8
export default function UserCard({ title, email }) {
return (
<div className="card">
<h3>{title}</h3>
<p>{email}</p>
</div>
);
}
nextjs
Erklärung
1
({ title, email })
Entpackt spezifische Eigenschaften aus dem ersten Argument (props) in lokale Variablen.