რა არის კონტროლირებადი და კონტროლირებადი არაკონტროლირებადი შეყვანა და როდის რა უნდა გამოიყენოს?

კონტროლირებული შეყვანა — ეს არის ფორმის ელემენტი, რომლის მნიშვნელობა სრულად კონტროლდება კომპონენტის მდგომარეობით (მაგალითად, 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>
  </>;
}