React JS — события

React JS — события

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

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

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

App.jsx

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

Зарегистрироваться

main.js

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

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

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

App.jsx

main.js

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

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

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

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

Зарегистрироваться

ReactJS: основы

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

Смотреть

Метки:

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

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

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

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