Hack Frontend Community

Controlled vs Uncontrolled

Легкая

Реализуйте форму с двумя типами инпутов: controlled и uncontrolled. Требования: ✓ Первый input должен быть controlled (управляемым через state) ✓ Второй input должен быть uncontrolled (через useRef) ✓ При клике на кнопку выводить значения обоих инпутов в консоль ✓ Форма не должна перезагружать страницу при сабмите ✓ Консоль должна показывать: "controlled: [значение]" и "uncontrolled: [значение]" Критерии приемки: ✓ Первый input управляется через useState ✓ Второй input управляется через useRef ✓ При клике на кнопку оба значения выводятся в консоль ✓ Форма имеет placeholder'ы для понимания какой инпут какой ✓ Обработчик клика должен быть на кнопке, а не на форме