React JS — события

React JS — события

От автора: в этой главе мы узнаем, как использовать в React события.

Простой пример

Это простой пример, в котором мы будем использовать только один компонент. Мы просто добавляем событие onClick, которое после нажатия кнопки вызывает функцию updateState.

App.jsx

React JS. Основы

Изучите основы ReactJS на практическом примере по созданию учебного веб-приложения

Получить курс сейчас!

main.js

Это даст следующий результат.

Дочерние события

Когда нам нужно обновить состояние родительского компонента от его дочернего элемента, мы можем создать обработчик события (updateState) в родительском компоненте и передать его как свойство (updateStateProp) дочернему компоненту, где мы можем просто вызвать его.

App.jsx

main.js

Это даст следующий результат.

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

React JS. Основы

Изучите основы ReactJS на практическом примере по созданию учебного веб-приложения

Получить курс сейчас!

ReactJS: основы

Изучите основы ReactJS и создайте ваше первое приложение на ReactJS

Смотреть

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий