React #68 | Передача данных из дочернего компонента в родительский и обработка отправки форм

Продолжаем развивать наш To-Do List на React в рамках экосистемы DevHotSpot! В уроке №68 мы переходим к фундаментальной теме, которую гарантированно спросят на любом собеседовании: Контролируемые компоненты (Controlled Inputs). Сегодня мы разберем, как заставить React полностью контролировать то, что пользователь вводит в текстовое поле. Мы откажемся от старого импорта React, так как работаем на современной 19-й версии, и создадим локальные состояния с помощью хука useState. Вы узнаете, почему при первой попытке связать value инпута со стейтом буквы перестают печататься, как правильно написать обработчик onChange (handleChange) и почему при нажатии клавиши Enter форма пытается «смыть» все наши данные, перезагружая страницу. Мы обуздаем это поведение с помощью e.preventDefault() и подготовим прочный фундамент для сохранения задач! Чтобы не взрывать вам голову, сложную логику работы с массивами мы вынесем в следующий ролик. Переваривайте базу! 📌 Таймкоды урока: АКТУАЛЬНЫЕ ССЫЛКИ: 🎓 Полный структурированный курс «React» со всеми исходниками на Udemy:https://www.udemy.com/course/react-devhotspot/?referralCode=F33F3BA1373E18A7838C 👉 Наш Telegram: https://t.me/devhotspot #react #userstate #frontend #javascript #devhotspot