javascript / beginner
Snippet
Daten teilen mit Context
Die Context-API bietet eine Möglichkeit, Daten zwischen Komponenten zu teilen, ohne sie über jede Ebene als Props weiterzugeben, was ideal für tief verschachtelte Strukturen ist.
snippet.js
1
2
3
4
5
6
7
import { setContext, getContext } from 'svelte';// In a parent componentsetContext('settings', { theme: 'dark' });// In any descendant componentconst settings = getContext('settings');
svelte
Erklärung
1
setContext('settings', { theme: 'dark' });
Setzt einen Wert unter einem eindeutigen Schlüssel, der für alle Kinder dieser Komponente verfügbar ist.
2
getContext('settings');
Ruft den mit dem Schlüssel verknüpften Wert aus dem Kontext der nächstgelegenen übergeordneten Komponente ab.