Формы и управляемые поля ввода (Controlled Inputs)
Часть курса React
Наберите букву в обычном <input> из HTML, и браузер всё сделает сам: элемент DOM молча запомнит набранное, и сообщать об этом никому не нужно. Так спокойно и живётся, пока приложению не потребуется знать, что в поле лежит прямо сейчас: проверить значение, держать кнопку заблокированной, пока оно не станет годным, или отправить его куда-то при отправке формы.
Представьте доску, у которой стоит посредник: писать на доске напрямую никому нельзя, вместо этого говорят посреднику, что хотят написать, он поправляет свои заметки и уже с них переносит текст на доску. Для настоящей доски затея нелепая, но зато у посредника в любой момент есть точная и свежая копия того, что на доске написано, и подходить к ней и читать ему для этого не нужно.
Хочешь изучать React Формы и управляемые поля ввода (Controlled Inputs) в реальной среде?
Нажми ниже, получи Linux-машину с React наготове и пройди Формы и управляемые поля ввода (Controlled Inputs) на практике вместе с AI-наставником, который знает твой код.
Начать этот урокФормы и управляемые поля ввода (Controlled Inputs)Чему вы научитесь
- Controlled input pattern
- Value and onChange together
- Multi-field form state
- OnSubmit and preventDefault
- Gathering form data
Читай этот урок на своём языке
Все уроки этого курса
17 уроков- 1Что такое React?25 мин
- 2JSX и компоненты (Components)30 мин
- 3Параметры (Props)30 мин
- 4Состояние (State) с помощью useState35 мин
- 5Обработка событий30 мин
- 6Условный рендеринг и списки30 мин
- 7Формы и управляемые поля ввода (Controlled Inputs)35 мин
- 8Эффекты (Effects) с useEffect40 мин
- 9Получение данных40 мин
- 10Компоновка компонентов (Components)35 мин
- 11Context и useContext35 мин
- 12useReducer35 мин
- 13Пользовательские хуки (Hooks)35 мин
- 14Производительность и мемоизация (Memoization)35 мин
- 15Маршрутизация с React Router40 мин
- 16Тестирование компонентов React (Components)40 мин
- 17Итоговый проект: приложение со списком задач60 мин
