Kontrollü ve kontrolsüz giriş arasındaki fark nedir ve ne zaman hangisini kullanmalısınız?

Kontrollü giriş — bu, bileşenin durumu tarafından tamamen kontrol edilen form öğesidir (örneğin, React'te). Alanın değeri durumda saklanır ve olay işleyici aracılığıyla güncellenir.

Kontrolsüz giriş — bu, DOM tarafından yönetilen ve bileşenin durumu tarafından değil, gerektiğinde referanslar aracılığıyla okunan form öğesidir.

Ne zaman kullanmalı:

• Kontrolü giriş, değişikliklere hemen tepki vermek, verileri doğrulamak ve uygulama durumu ile senkronize etmek gerekiyorsa uygundur.
• Kontrolsüz giriş, basit formlar için daha basit ve daha hızlıdır, sürekli giriş kontrolü gerekmez.

React'te kontrolü giriş örneği:

function MyInput() {
  const [value, setValue] = React.useState('');
  return <input value={value} onChange={e => setValue(e.target.value)} />;
}

Kontrolsüz giriş örneği:

function MyInput() {
  const inputRef = React.useRef(null);
  const handleSubmit = () => {
    alert(inputRef.current.value);
  };
  return <>
    <input ref={inputRef} />
    <button onClick={handleSubmit}>Gönder</button>
  </>;
}