DOM и React Junior Формы обновлено

Контролируемое поле

Условие

Поле ввода, приводящее значение к верхнему регистру. Значение поля должно полностью управляться состоянием.

Что проверяют тесты

  • приводит к верхнему регистру

  • поле контролируемое

Как подойти

Контролируемое поле: value из состояния, onChange пишет в состояние. Без value поле неконтролируемое и преобразование не применится. Ловушка: value={undefined} переводит поле в неконтролируемый режим и React ругается в консоли - инициализируй пустой строкой.

Подсказки: 2
  1. value + onChange вместе делают поле контролируемым.
  2. Преобразование делай перед записью в состояние.

Решите в тренажёре

Редактор с автотестами прямо в браузере. Можно решить спокойно, вслух или под таймером, как на собесе.

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