Snippet

Deklarieren von Komponenten-Props mit Standardwerten

In Svelte werden Komponenten-Props mit dem Schlüsselwort export deklariert. Die Zuweisung eines Standardwerts bietet einen sicheren Fallback, falls die übergeordnete Komponente die Eigenschaft nicht übergibt.

snippet.js

javascript

<script>
  export let username = 'Guest';
  export let score = 0;
</script>
 
<div class="user-badge">
  <p>User: {username}</p>
  <p>Score: {Number(score)}</p>
</div>

svelte

Erklärung

export let username = 'Guest';

Deklariert eine eingehende Prop namens username mit dem Standard-String-Wert 'Guest'.

export let score = 0;

Deklariert eine eingehende Prop namens score mit dem numerischen Initialwert 0.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Anfänger →

Deklarieren von Komponenten-Props mit Standardwerten

Verwandt