Баскарылган жана көзөмөлдөнбөгөн кирүү аралыгы эмнеде жана кайсы учурда колдонуш керек?

Баскарылган киргизүү — бул форма элементи, анын мааниси толугу менен компоненттин абалы тарабынан көзөмөлдөнөт (мисалы, Reactте). Аянттын мааниси абалда сакталат жана окуя иштеткич аркылуу жаңыртылат.

Баскарылбаган киргизүү — бул форма элементы, ал өзү DOM тарабынан башкарылат, компоненттин абалы тарабынан эмес. Мааниси керек болгондо шилтемелер аркылуу окулат.

Кайсы учурда колдонуу:

• Баскарылган киргизүү, өзгөрүүлөргө дароо реакция кылуу, маалыматтарды текшерүү жана колдонмонун абалы менен синхрондоштуруу керек болгондо ыңгайлуу.
• Баскарылбаган киргизүү, жөнөкөй формалар үчүн жеңил жана тез, үзгүлтүксүз көзөмөл талап кылынбайт.

Reactте баскарылган киргизүүнүн мисалы:

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

Баскарылбаган киргизүүнүн мисалы:

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