React SetState с деструктурированной переменной дает ошибочные результаты

Я использую свой handleChangeEvent() для нескольких входов на основе их атрибута имени.

При изменении ввода я устанавливаю состояние следующим образом:

this.setState({['user.' + event.target.name]: event.target.value});

Я использую пользователя как строку в деструктуре для установки состояния в пользовательские объекты. поэтому вместо получения:

user:{userName:'asdasd',userEmail:'[email protected]'}

Я действительно получаю:

React SetState с деструктурированной переменной дает ошибочные результаты

По сути, мой вопрос: как я могу продолжать использовать handleChangeEvent() для обработки разных вызывающих абонентов с деструктурированным ключом объекта, но при этом оставаться вложенным под пользователем.

reactjs ecmascript-6

10.04.2019 10:31

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

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

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Попробуйте использовать его

const user = {...this.state.user}
user[event.target.name] = event.target.value
this.setState({
    user
})

10.04.2019 10:33

Другие вопросы по теме

Как мне `.filter()` массив/объект и вернуть новый массив с исходными ключами, а не как индексированный массив/объект в качестве возврата фильтра?

Хранение Javascript в автономном приложении

Как эффективно опустить глубину в ES6

Как заменить ключевые слова «var» в этом коде на «let» и «const»?

Могу ли я добавить свой подкласс React.Component в правила ESLint?

Как динамически указать имя поля при создании объекта в javascript?

Что не так с this.variable в функции return undefined

Условно добавьте новый атрибут к объекту JSON, сравнив его с другим объектом (JavaScript)

Сравните массив объектов с объектом и уменьшите количество

Прикрепление события к документу, которое зависит от условно отображаемого элемента в React

React SetState с деструктурированной переменной дает ошибочные результаты

Ответы 1

Другие вопросы по теме

Похожие вопросы