Kontrollü Girdiler

Metin girdileri (text input) bir soruyu beraberinde getirir: kullanıcı kutuya yazar, ancak bileşeninizin bir durumu (state) vardır: metnin sahibi kimdir? React'te cevap şudur: durum (state) onun sahibidir. Buna kontrollü girdi (controlled input) denir:

const [name, setName] = useState('');

<input
    value={name}
    onChange={(e) => setName(e.target.value)}
/>

Döngüyü iki kablo oluşturur:

• value={name}: kutu her zaman durumu gösterir
• onChange: her tuş vuruşu, kutunun mevcut metni olan e.target.value ile setter'ı çağırır

Böylece yazmak durumu (state) günceller, durum yeniden işlenir (re-render) ve kutu yeni durumu gösterir. Karşılığı ise şudur: Metin; doğrulayabileceğiniz, dönüştürebileceğiniz, temizleyebileceğiniz veya sayfanın başka herhangi bir yerinde görüntüleyebileceğiniz bir değişkende yaşar.