Ի՞նչ է վերահսկվող և վերահսկողությունից դուրս մուտքի տարբերությունը և երբ ինչ օգտագործել։

Կառավարվող մուտք — սա ձևի տարր է, որի արժեքը ամբողջությամբ վերահսկվում է կոմպոնենտի վիճակով (օրինակ, 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>
  </>;
}