DOM и React Middle Формы обновлено
Неконтролируемая форма
Условие
Форма с полем name. По отправке вызови onSubmit со значением поля. Состояние на каждое нажатие клавиши заводить нельзя - читай значение через ref.
Что проверяют тесты
отдаёт значение поля
отправка не перезагружает страницу
Как подойти
Неконтролируемая форма читает значения из DOM в момент отправки - меньше рендеров, проще код. Контролируемая нужна, когда значение влияет на UI по ходу набора (валидация вживую, зависимые поля, форматирование). Смешивать value и defaultValue нельзя.
Подсказки: 2
- defaultValue вместо value делает поле неконтролируемым.
- e.preventDefault() обязателен, иначе форма уйдёт на перезагрузку.
Решите в тренажёре
Редактор с автотестами прямо в браузере. Можно решить спокойно, вслух или под таймером, как на собесе.