JavaScript » React » Стейты в React

Стейты в React позволяют автоматически делать повторный рендер компонентов при изменении значений реактивных переменных. Это позволяет разработчику не отвлекаться на необходимость обновления данных на странице, которую видит пользователь.

Использование стейтов в React накладывает ограничения на работу с input полями в формах. Нельзя изменить значение поля, если не сделать функцию для изменения стейта при событии на элементе.

Чекбоксы и радио кнопки в React можно обрабатывать через стейты. Для этого необходимо запрограммировать срабатывание функции на событие взаимодействия с ними.

Для взаимодействия с HTML элементом select в React с помощью стейтов, необходимо использовать событие изменения элемента, к примеру onChange. Без указания атрибута value в option в обработчик будет передаваться текст option, а не значение в атрибуте value.

Значения input полей по умолчанию в React необходимо задавать с помощью атрибутов defaultValue для типа text и defaultChecked для типа поля radio или checkbox.