Урок 05 · 11 хв

Контрольований input

Значення поля береш зі state і пишеш назад в onChange. Одне джерело правди.

Контрольований інпут: value={title} і onChange={(e) => setTitle(e.target.value)}. React малює те, що в state. Неконтрольований (defaultValue + ref) теж буває, але для форми з перевіркою й кнопкою «надіслати» контроль простіший: ти завжди знаєш, що на екрані.

Поле і state

Можна спитати про це правило«checkbox — не value»

textarea у React — теж value + onChange, а не діти-текст, як у сирому HTML.
select: value вибраної опції, onChange пише рядок.
Порожній контрольований інпут зобов'язаний мати value="" з першого рендеру, інакше React свариться на switch controlled/uncontrolled.

Можна спитати про цей пункт«Суть уроку»

Перевірка

Закріпи, поки не пішов далі

1. Контрольований input — це
2. Стан чекбокса читаєш із
3. Як оновити поле в об'єкті form?