Üst Bileşenden Özellik Aktarma
Üst şablonda alt bileşenin özelliklerine değerler sağlayın.
Üst Bileşenden Özellik Aktarma, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 2. 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.
Alt Bileşeni İçe Aktarma
Alt bileşeni üst bileşene eklemek için üst bileşenin en başında standart ES import ifadesini kullanın.
<script>
import Greeting from "./Greeting.svelte";
</script>Etiketi Kullanma
Alt bileşeni, adının ilk harfi büyük yazılmış bir etiket yazarak görüntüleyin.
<Greeting />Sabit Değerleri Aktarma
Değişmez bir dizeyi tırnak içine alınmış özniteliklerle aktarın.
<Greeting name="Ada" />Dinamik Değerleri Aktarma
Bir JS ifadesini değeri küme parantezleri içine alarak aktarın.
<Greeting name={userName} />Aynı Ad İçin Kısa Yazım
Özellik ile değişken aynı adı paylaşıyorsa {name} kısa yazımını kullanın.
<Greeting {name} />Birden Çok Özellik
Sabit, dinamik ve kısa yazımlı özellikleri istediğiniz sırada birleştirin.
<Card title="Tasks" {items} count={items.length} />Özellikleri Yayma
Bir özellik nesnesini {...obj} söz dizimiyle yayın.
<Card {...cardProps} />Koşullu Özellikler
Koşullu değerler sağlamak için üçlü ifadeleri birleştirin.
<Button label={isLoading ? "Saving..." : "Save"} />Boole Kısa Yazımı
Bir boole özniteliğini değeri olmadan aktararak true olarak ayarlayın.
<Toggle disabled />Özellik Olarak İşlevler
Geri çağrılar için işlev başvurularını özellik olarak aktarabilirsiniz.
<Modal onClose={() => (open = false)} />Nesne Özellikleri
Birbiriyle ilişkili çok sayıda değer birlikte aktarılıyorsa nesnelerin tamamını aktarın.
<UserCard user={currentUser} />Hızlı Kontrol
Bir değişkeni özellik olarak nasıl aktarırsınız?
Özet
İçe aktarın, etiketi kullanın ve özellikleri değişmez değerler, ifadeler, kısa yazım veya yayma ile aktarın.
Sıkça Sorulan Sorular
“Üst Bileşenden Özellik Aktarma” dersi ücretsiz mi?
Evet — “Üst Bileşenden Özellik Aktarma” 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.
“Üst Bileşenden Özellik Aktarma” dersinde ne öğreneceğim?
Üst şablonda alt bileşenin özelliklerine değerler sağlayın. 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 2. dersidir.
“Üst Bileşenden Özellik Aktarma” 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
- export let ile Özellik Bildirme
- Üst Bileşenden Özellik Aktarma
- Varsayılan Özellik Değerleri
- $$props ve $$restProps ile Özellik İletme