Uncontrolled input в React — это когда значение поля формы управляется самим DOM, а не состоянием компонента. Такой подход можно использовать, когда не требуется постоянный контроль за вводом пользователя, например, для простых форм или когда нужно минимизировать количество ререндеров.

Пример использования uncontrolled input:

function NameForm() {
  const inputRef = React.useRef(null);

  const handleSubmit = (event) => {
    event.preventDefault();
    alert('Имя: ' + inputRef.current.value);
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="text" ref={inputRef} />
      <button type="submit">Отправить</button>
    </form>
  );
}

Здесь значение поля не хранится в состоянии, а берется напрямую из DOM через ref при отправке формы. Такой подход удобен, если не нужно реагировать на каждое изменение ввода, что снижает нагрузку на компонент.

Можешь привести пример, когда можно использовать uncontrolled input вместо controlled?