İdarə olunan və idarə olunmayan giriş arasındakı fərq nədir və nə zaman istifadə edilməlidir?

İdarə olunan giriş — bu, dəyəri tamamilə komponentin vəziyyəti tərəfindən idarə olunan forma elementidir (məsələn, React-də). Sahənin dəyəri vəziyyətdə saxlanılır və hadisə işləyicisi vasitəsilə yenilənir.

İdarə olunmayan giriş — bu, DOM tərəfindən idarə olunan və komponentin vəziyyəti tərəfindən deyil, lazım olduqda referanslar vasitəsilə oxunan forma elementidir.

Nə zaman istifadə etmək:

• İdarə olunan giriş, dəyişikliklərə dərhal reaksiya vermək, məlumatları yoxlamaq və tətbiq vəziyyəti ilə sinxronlaşdırmaq üçün əlverişlidir.
• İdarə olunmayan giriş, sadə formalar üçün daha sadə və daha sürətlidir, davamlı nəzarət tələb olunmur.

React-də idarə olunan giriş nümunəsi:

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

İdarə olunmayan giriş nümunəsi:

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