javascript / beginner
Snippet
Props-Destrukturierung in Komponenten
Anstatt 'props.name' zu verwenden, kannst du Werte direkt in der Funktionssignatur mithilfe von geschweiften Klammern extrahieren. Dies macht den Code sauberer und lesbarer.
snippet.js
1
2
3
function WelcomeBanner({ username, level }) {return <h1>Welcome back, {username}! Level: {level}</h1>;}
react
Erklärung
1
{ username, level }
Destrukturiert das Props-Objekt, um sofort einzelne Variablen zu erhalten.
2
{username}
Verwendet die extrahierte Variable direkt ohne das Präfix 'props.'.