setContext() ve getContext()
Bir bileşen alt ağacına özgü bağlam değerlerini sağlayın ve tüketin.
setContext() ve getContext(), CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Bağlam Nedir
Bağlam, bir üst bileşenin özellikleri tek tek aktarmadan verileri tüm alt bileşenlerine geçirmesini sağlar.
Yardımcıları İçe Aktarma
svelte'den.
import { setContext, getContext } from "svelte";Üst Bileşende Ayarlama
Üst bileşenin betiğinde setContext(key, value) çağrısını yapın.
setContext("theme", { color: "dark" });Alt Bileşende Alma
Okumak için herhangi bir alt bileşende getContext(key) çağrısını yapın.
const theme = getContext("theme");Anahtarlar
Anahtarlar metin veya simge olabilir. Simgeler çakışmaları önler.
const themeKey = Symbol("theme");Anlık Görüntüler
setContext'e geçirilen değer bir kez yakalanır. Reaktif değerler için veri depolarını kullanın.
Reaktif Bağlam
Alt bileşenlerin tamamında reaktif güncellemeleri etkinleştirmek için bir veri deposunu bağlam olarak geçirin.
setContext("user", userStore);Alt Ağaçla Sınırlı
Bağlam yalnızca onu ayarlayan bileşenin alt bileşenleri tarafından kullanılabilir.
Birden Çok Bağlam
Her bileşen birden çok bağlam ayarlayabilir; alt bileşenler anahtara göre bunlardan herhangi birini okuyabilir.
Kullanım Alanları
Tema, uluslararasılaştırma, kimlik doğrulama, bağımlılık aktarımı. Özellikleri tek tek geçirmeden alt bileşenlere aktarılan her şey.
Veri Depolarıyla Karşılaştırma
Veri depoları küreseldir; bağlam, setContext çağrısının yapıldığı bileşen ağacıyla sınırlıdır.
Hızlı Kontrol
Bir bağlamı kim okuyabilir?
Özet
Özellik kullanmadan bileşen ağacı üzerinden veri paylaşmak için setContext(key, val) ve getContext(key) kullanın.
Sıkça Sorulan Sorular
“setContext() ve getContext()” dersi ücretsiz mi?
Evet — “setContext() ve getContext()” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“setContext() ve getContext()” dersinde ne öğreneceğim?
Bir bileşen alt ağacına özgü bağlam değerlerini sağlayın ve tüketin. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.
“setContext() ve getContext()” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- setContext() ve getContext()
- Bağlam ve Store'lar: Hangisi Ne Zaman Kullanılır
- TypeScript ile Türü Belirlenmiş Bağlam
- Bağımlılık Enjeksiyonu için Bağlam