Denetimli ve denetimsiz girdiler (giriş)
Denetimli girdiler (değeri duruma bağlı) ile denetimsiz girdiler (değeri DOM'un yönettiği) arasındaki farkı anlayın.
Denetimli ve denetimsiz girdiler (giriş), CoddyKit'te ücretsiz bir React Academy dersidir. Bu, 3 dersinin 3. 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, React Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. React Academy kursu toplamda 3 dersten oluşur.
Genel bakış
Hedef: kontrollü ve kontrolsüz girdileri karşılaştırın. Kontrollü girdiler doğruluk kaynağı olarak React durumunu kullanır; kontrolsüz girdiler bunu DOM'a bırakır.
Kontrollü girdiler
Kontrollü girdiler: value duruma bağlıdır ve onChange ile güncellenir. React en güncel değeri her zaman bilir.
Kontrollü girdi demosu
Bu girdi kontrollüdür: value durumdan gelir ve her değişiklikte güncellenir.
<div id="root"></div>
Kontrolsüz girdiler
Kontrolsüz girdiler: DOM kendi değerini tutar; gerektiğinde bunu yalnızca referanslarla okuyabilirsiniz.
Kontrolsüz girdi demosu
Buradaki girdi kontrolsüzdür: React value değerini yönetmez; düğmeye tıkladığımızda bunu bir referans aracılığıyla okuruz.
<div id="root"></div>
İpuçları ve ödünleşimler
İpuçları:
- Kontrollü = öngörülebilir; React durumu kullanıcı arayüzünü yönlendirir.
- Kontrolsüz = daha basit, ancak denetim daha azdır.
- Formlar için kontrollü yaklaşım tercih edilir.
Kontrollü girdi kontrolü
Özet
Özet: Kontrollü girdiler güvenilirlik için React durumuna bağlanır. Kontrolsüz girdiler değerleri DOM'un yönetmesine izin verir. Çoğu form için kontrollü girdileri seçin.
Sıkça Sorulan Sorular
“Denetimli ve denetimsiz girdiler (giriş)” dersi ücretsiz mi?
Evet — “Denetimli ve denetimsiz girdiler (giriş)” 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 React Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. React Academy kursu toplamda 3 dersten oluşur.
“Denetimli ve denetimsiz girdiler (giriş)” dersinde ne öğreneceğim?
Denetimli girdiler (değeri duruma bağlı) ile denetimsiz girdiler (değeri DOM'un yönettiği) arasındaki farkı anlayın. React 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.
React Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te React 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, 3 dersinin 3. dersidir.
“Denetimli ve denetimsiz girdiler (giriş)” 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 React Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her React 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
- useState temelleri ve doğru güncellemeler
- Olay işleme: onClick ve onChange
- Denetimli ve denetimsiz girdiler (giriş)