Представьте форму добавления задач. Пользователь вводит «Отправить документы», нажимает кнопку, задача появляется в списке. Но текст остаётся в поле. Разработчик добавляет очистку переменной. Не помогает. Пробует поменять defaultValue. Поле продолжает жить своей жизнью. В какой-то момент появляется соблазн написать document.querySelector() и стереть текст напрямую. Но прежде стоит разобраться: где хранится текущее значение поля и кто должен его менять? На примере небольшой формы покажу, как связать поле с состоянием React, прочитать введённый текст и правильно очистить его...