$$props ve $$restProps ile Özellik İletme
Tüm özellikleri veya kalan özellikleri içteki bir elemana ya da bileşene aktarın.
$$props ve $$restProps ile Özellik İletme, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 4. 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.
Özellikler Neden İletilir
Sarmalayıcı bileşenlerin çoğu, aldıkları tüm özellikleri içteki bir öğeye aktarmalıdır. İletme, her özniteliği tek tek listeleme gereğini ortadan kaldırır.
$$props Nesnesi
Bir bileşenin içinde $$props, bileşene aktarılan her özelliği içeren bir nesnedir.
<script>
// $$props is auto-injected
</script>
<input {...$$props} />Bilinmeyen Özellikleri İçerme
Bileşenin export let ile bildirmediği özellikler bile $$props içinde bulunur.
$$restProps Nesnesi
$$restProps, export let ile açıkça bildirdiğiniz özellikleri dışarıda bırakır. Yalnızca ek özellikleri aktarmak için kullanışlıdır.
<script>
export let label;
</script>
<input {...$$restProps} />Yaygın Kalıp
İhtiyaç duyduğunuz özellikleri bildirin; geri kalanını sarılan öğeye aktarın.
<script>
export let label;
export let helpText;
</script>
<label>{label}</label>
<input {...$$restProps} />Dikkat: Sıra Önemlidir
Önce yayın, ardından gerekirse belirli özniteliklerle üzerine yazın.
<input {...$$restProps} type="email" />class İletme
Temalandırma esnekliği için class özniteliğini $$restProps aracılığıyla iletin.
style İletme
style özniteliği ve tüm data-* öznitelikleri de doğal olarak aktarılır.
Olay İşleyicileri
Üst bileşen tarafından aktarılan olay dinleyicileri, $$props içinde işlevler olarak bulunur. Yayma işlemi bunları da aktarır.
Tepkisellik Kısıtlamaları
Svelte bunları statik olarak izleyemediği için $$props ve $$restProps, bildirilmiş özelliklere göre biraz daha az verimlidir.
TypeScript Uyarısı
Her iki nesne de varsayılan olarak gevşek biçimde türlendirilir. Tür güvenli iletme için TS içinde tür dönüştürmesi yapın veya türlerini genişletin.
Hızlı Kontrol
$$restProps nedir?
Özet
İçteki öğede yayma kullanarak özellikleri $$props (tümü) veya $$restProps (yalnızca ek özellikler) ile iletin.
Yapay zeka eğitmeniyle HTML öğren — ücretsiz
Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.
- Kurslar
- 41
- Dersler
- 163
Sıkça Sorulan Sorular
“$$props ve $$restProps ile Özellik İletme” dersi ücretsiz mi?
Evet — “$$props ve $$restProps ile Özellik İletme” 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.
“$$props ve $$restProps ile Özellik İletme” dersinde ne öğreneceğim?
Tüm özellikleri veya kalan özellikleri içteki bir elemana ya da bileşene aktarı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 4. dersidir.
“$$props ve $$restProps ile Özellik İletme” 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