Formlar ve Controlled Components
Controlled components, uncontrolled components, form doğrulama, React Hook Form, submit işleme
1React'te controlled component nedir?
React'te controlled component nedir?
Cevap
Controlled component, değeri value prop'u ve bir onChange handler aracılığıyla React state tarafından yönetilen bir form öğesidir. Bu, React'in bu veri için tek doğru kaynak haline geldiği anlamına gelir. DOM'un kendi değerini koruduğu uncontrolled components'ın aksine, controlled components form verileri üzerinde tam kontrol sağlar ve gerçek zamanlı doğrulamayı kolaylaştırır.
2React'te controlled input nasıl oluşturulur?
React'te controlled input nasıl oluşturulur?
Cevap
Controlled input iki temel öğe gerektirir: React state'e bağlı value prop'u ve bu state'i güncellemek için bir onChange handler. onChange olmadan, React herhangi bir değişikliği engelleyeceği için input salt okunur olur. Bu yaklaşım, React state'in görüntülenen input değeriyle senkronize kalmasını sağlar ve anında doğrulama veya veri dönüşümünü mümkün kılar.
3Controlled component ile uncontrolled component arasındaki fark nedir?
Controlled component ile uncontrolled component arasındaki fark nedir?
Cevap
Temel fark, verinin doğru kaynağında yatmaktadır. Controlled component değerini React state'te (tek doğru kaynak) saklar, uncontrolled component ise DOM'un kendi değerini yönetmesine izin verir ve bu değere ref aracılığıyla erişilir. Controlled components daha fazla kontrol sunar ve gerçek zamanlı doğrulamayı kolaylaştırır, ancak uncontrolled components karmaşık doğrulama gerektirmeyen basit formlar için daha kolay olabilir.
Aynı formda birden fazla controlled input nasıl yönetilir?
React'te controlled checkbox nasıl oluşturulur?
+17 mülakat soruları
Diğer React / Next.js mülakat konuları
JavaScript Temelleri
React Temelleri
React Hooks
Bileşen yaşam döngüsü
React Router
Context ile state yönetimi
Veri Çekme ve API
React Query (TanStack Query)
Styling & CSS-in-JS
Next.js Temelleri
React ile TypeScript
Next.js Veri Çekme
Next.js Server Actions
Next.js Routing ve Navigasyon
Next.js API Routes
Next.js Metadata & SEO
Next.js Middleware ve Auth
React Testing
Zustand State Management
React Performans Optimizasyonu
Error Boundaries & Error Handling
Advanced React Patterns
Next.js Gelişmiş Özellikler
Next.js Dağıtım & Üretim
Architecture & Design Patterns
React Server Components
Next.js Uluslararasılaştırma
React Güvenlik & En İyi Uygulamalar
Bir sonraki mülakatın için React / Next.js'de uzmanlaş
Tüm sorulara, flashcards'a, teknik testlere, code review alıştırmalarına ve mülakat simülatörlerine eriş.
Ücretsiz başla