setContext() og getContext()
Lever og brug kontekstværdier, der er afgrænset til et komponentundertræ
setContext() og getContext() er en gratis Sveltejs Academy-lektion på CoddyKit. Dette er lektion 1 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Sveltejs Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Sveltejs Academy-kurset indeholder 4 lektioner i alt.
Hvad er context
Context lader en overordnet komponent sende data til alle sine efterkommere uden at sende egenskaber gennem hver komponent.
Importér hjælpefunktioner
Fra svelte.
import { setContext, getContext } from "svelte";Angiv i den overordnede komponent
Kald setContext(key, value) i scriptet i den overordnede komponent.
setContext("theme", { color: "dark" });Hent i en efterkommer
Kald getContext(key) i en vilkårlig efterkommer for at læse værdien.
const theme = getContext("theme");Nøgler
Nøgler kan være strenge eller symboler. Symboler undgår sammenstød.
const themeKey = Symbol("theme");Øjebliksbilleder
Værdien, der sendes til setContext, fastholdes én gang. Brug stores til reaktive værdier.
Reaktiv context
Send en store som context for at aktivere reaktive opdateringer hos alle efterkommere.
setContext("user", userStore);Begrænset til et undertræ
Context er kun tilgængelig for efterkommere af den komponent, der angav den.
Flere contexts
Hver komponent kan angive flere contexts, og efterkommere kan læse enhver af dem via dens nøgle.
Anvendelsesområder
Tema, i18n, autentificering, afhængighedsinjektion. Alt, der flyder ned gennem træet uden at blive sendt som egenskab for egenskab.
Sammenlignet med stores
Stores er globale, mens context er begrænset til det komponenttræ, hvor setContext blev kaldt.
Hurtigt tjek
Hvem kan læse en context?
Opsummering
Brug setContext(key, val) og getContext(key) til at dele data gennem komponenttræet uden egenskaber.
Lær HTML med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 41
- Lektioner
- 163
Ofte stillede spørgsmål
Er lektionen “setContext() og getContext()” gratis?
Ja — hele teksten til “setContext() og getContext()” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Sveltejs Academy-kurset, skal du opgradere til CoddyKit PRO. Sveltejs Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “setContext() og getContext()”?
Lever og brug kontekstværdier, der er afgrænset til et komponentundertræ Du øver dig i Sveltejs Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på Sveltejs Academy?
Der kræves ingen tidligere erfaring. Sveltejs Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 4.
Hvor lang tid tager lektionen “setContext() og getContext()”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne Sveltejs Academy-lektion?
Ja. Alle Sveltejs Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- setContext() og getContext()
- Kontekst eller stores: Hvornår skal de bruges
- Typet kontekst med TypeScript
- Kontekst til dependency injection