Boshqariladigan va boshqarilmaydigan kirish o'rtasidagi farq nima va qachon nima ishlatish kerak?

Boshqariladigan kirish — bu forma elementi bo‘lib, uning qiymati to‘liq komponent holati tomonidan boshqariladi (masalan, Reactda). Maydon qiymati holatda saqlanadi va voqea ishlovchi orqali yangilanadi.

Boshqarilmaydigan kirish — bu forma elementi bo‘lib, u DOM tomonidan boshqariladi, komponent holati tomonidan emas. Qiymat kerak bo‘lganda referenslar orqali o‘qiladi.

Qachon foydalanish:

• Boshqariladigan kirish, o‘zgarishlarga darhol javob berish, ma'lumotlarni tekshirish, ilova holati bilan sinxronlashtirish uchun qulay.
• Boshqarilmaydigan kirish, oddiy shakllar uchun soddaroq va tezroq, doimiy nazorat talab qilinmaydi.

Reactda boshqariladigan kirish misoli:

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

Boshqarilmaydigan kirish misoli:

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