71 - React JS - setState, local state
Неизменяемые данные и React
Есть два подхода к изменению данных Неизменяемые данные - данные, которые после своего создания никогда не меняются в памяти. Вместо этого создадим новую копию данных с необходимыми изменениями. Механика копирования в JavaScript
Примитивные значения
Составные значения - Object, array, etc Последствия мутации данных Возможность мутации крадет у нас гарантию, что данные будут теми, которые мы объявили. Наихудший сценарий, когда один объект используется в разных частях кода, тогда мутация объекта в одном месте может привести к ошибкам в другом...
🖥 Решение проблемы с получением значения поля в ReactJS Если в двух словах, то для надежного получения значения из поля ввода в React используйте управляемые компоненты. Привяжите значение поля к состоянию с помощью атрибута value и обновляйте его при помощи обработчика события onChange. Принцип работы приведен ниже: class InputComponent extends React.Component { state = { value: '' }; handleValueChange = (event) => this.setState({ value: event.target.value }); render() { // Заметьте взаимодействие состояния и поля ввода — вот так все и работает! return <input value={this.state.value} onChange={this.handleValueChange} />; } } В этом коде создается текстовое поле ввода, значение которого привязано к состоянию компонента. @javascript_react