javascript / beginner
Snippet
Objekt-Destrukturierung
Destrukturierung ermöglicht es, Eigenschaften aus Objekten zu entpacken und in eigenen Variablen zu speichern. Dies macht React-Komponenten sauberer und lesbarer, da man nicht ständig 'user.name' schreiben muss.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
const UserProfile = ({ user }) => {const { name, email, age } = user;return (<div><h2>{name}</h2><p>{email}</p></div>);};
react
Erklärung
1
const { name, email, age } = user;
Extrahiert 'name', 'email' und 'age' aus dem 'user'-Objekt in einer einzigen Zeile.