React JS — события

React JS — события

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

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

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

App.jsx

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

main.js

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

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

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

App.jsx

main.js

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

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

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

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

ReactJS: основы

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

Смотреть

Метки:

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

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