Обработка событий
Часть курса React
Компонент, который только отрисовывает себя по пропсам и состоянию, сам по себе не интерактивен: что-то должно замечать, что пользователь нажал кнопку, набрал текст в поле или нажал клавишу, и превращать это в обновление состояния. В прошлом уроке вы уже подключили один onClick, но объяснений тогда не было.
React позволяет привязывать обработчики событий прямо к элементам JSX через пропсы, названные по имени того события DOM, на которое они отвечают, и записанные в camelCase: onClick для щелчков мышью, onChange для изменений в поле ввода и так далее. Значением такого пропса всегда является функция, которую вы либо объявляете отдельно, либо пишете прямо на месте. ...
Хочешь изучать React Обработка событий в реальной среде?
Нажми ниже, получи Linux-машину с React наготове и пройди Обработка событий на практике вместе с AI-наставником, который знает твой код.
Начать этот урокОбработка событийЧему вы научитесь
- OnClick handler
- OnChange basics
- Passing functions vs calling them
- Event object
- Passing handlers as props
Читай этот урок на своём языке
Все уроки этого курса
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 мин
