React JS — формы

React JS — формы

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

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

В следующем примере мы установим элемент ввода формы с value = {this.state.data}. Это позволяет обновлять состояние всякий раз, когда изменяется входное значение. Мы используем событие onChange, которое будет следить за изменениями ввода и соответствующим образом обновлять состояние.

App.jsx

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

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

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

main.js

Когда изменится значение входного текста, будет обновлено состояние.

Сложный пример

В следующем примере мы увидим, как использовать формы из дочернего компонента. onChange вызовет обновление состояния, которое будет передано дочернему входному значению и отображено на экране. Аналогичный пример используется в главе «События». Когда нам нужно обновить состояние от дочернего компонента, нам нужно передать функцию, которая будет обрабатывать обновление (updateState) в качестве свойства (updateStateProp).

App.jsx

main.js

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

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

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

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

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

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

ReactJS: основы

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

Смотреть

Метки:

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

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