Standardwerte für Props
Weisen Sie Props Ersatzwerte zu, wenn das übergeordnete Element keine Werte liefert.
Standardwerte für Props ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Warum Standardwerte
Standardwerte machen eine Komponente nutzbar, ohne dass jede verwendende Komponente jede Prop übergeben muss. Sie definieren das Fallback-Verhalten.
Standardwert inline
Weisen Sie der Prop bei ihrer Deklaration einen Wert zu.
export let label = "Click me";Funktions-Standardwerte
Standardwerte können Ausdrücke oder Funktionsliterale sein.
export let onClick = () => {};Objekt-Standardwerte
Verwenden Sie für komplexe Standardwerte ein Objektliteral.
export let options = { color: "blue", size: "md" };Achten Sie auf gemeinsame Referenzen
Objektliterale als Standardwerte werden für jede Instanz ausgewertet, sodass jede Komponente ihr eigenes Objekt erhält. Sie können es sicher verändern.
In der übergeordneten Komponente überschreiben
Wenn die übergeordnete Komponente einen Wert bereitstellt, ersetzt dieser den Standardwert für die jeweilige Instanz.
<Button label="Save" />Erforderlichkeit erkennen
Ohne Standardwert ist die Prop konzeptionell erforderlich. TypeScript kann dies mit dem Hinweis required erzwingen.
null und undefined
Wenn Sie undefined als Wert übergeben, wird der Standardwert verwendet; bei der Übergabe von null nicht.
Standardwerte zusammensetzen
Setzen Sie Standardwerte mithilfe reaktiver Deklarationen aus anderen Props zusammen.
export let title = "";
export let subtitle;
$: effectiveSubtitle = subtitle ?? title;Dokumentation
Dokumentieren Sie Standardwerte in JSDoc-Kommentaren, damit IDE-Tooltips sie anzeigen können.
/** @param {string} label */Stabile Standardwerte
Vermeiden Sie Standardwerte, die sich zwischen Render-Vorgängen ändern. Stabile Standardwerte reduzieren erneute Render-Vorgänge und unerwartetes Verhalten.
Kurze Überprüfung
Wie legen Sie einen Standardwert für eine Prop fest?
Zusammenfassung
Stellen Sie Standardwerte durch einfache Zuweisung bereit. Dadurch werden Komponenten eigenständig und es wird deutlich, welche Props optional sind.
Häufig gestellte Fragen
Ist die Lektion „Standardwerte für Props“ kostenlos?
Ja — der vollständige Text von „Standardwerte für Props“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Standardwerte für Props“?
Weisen Sie Props Ersatzwerte zu, wenn das übergeordnete Element keine Werte liefert. Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Sveltejs Academy zu starten?
Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.
Wie lange dauert die Lektion „Standardwerte für Props“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?
Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Props mit export let deklarieren
- Props vom übergeordneten Element übergeben
- Standardwerte für Props
- Props mit $$props und $$restProps weiterleiten