Выбор ответа Middle Формы обновлено

Почему React Hook Form быстрый

Вопрос

За счёт чего React Hook Form обычно делает меньше перерисовок, чем форма на useState для каждого поля?

Попробуйте сами

Выберите вариант, и откроется разбор.

Показать ответ и разбор

Коротко

Правильный ответ: Поля неконтролируемые: значения в DOM, ввод не рендерит форму. RHF по умолчанию работает с неконтролируемыми полями через ref.

Варианты ответа

  1. Обрабатывает ввод в Web Worker и отдаёт результат форме пачкой
  2. Отключает Virtual DOM для полей формы и пишет в DOM напрямую
  3. Хранит состояние формы во внешнем сторе вроде Redux
  4. Поля неконтролируемые: значения в DOM, ввод не рендерит формуправильный ответ

Разбор

RHF по умолчанию работает с неконтролируемыми полями через ref. Ввод обрабатывается без setState в компоненте формы, а рендер происходит только когда меняется то, на что вы подписаны (например, formState.errors).

  • Воркеров RHF не использует.
  • Virtual DOM никто не отключает.
  • Redux тут ни при чём.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.

Термины по теме