带有解构变量的 React SetState 提供了错误的结果

Question

我正在根据名称属性使用我的 handleChange() 进行多个输入。

在输入更改时，我将状态设置如下：

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

我在解构中将用户用作字符串以将状态设置为用户对象。所以不是得到：

user:{userName:'asdasd',userEmail:'ada@asdas.com'}

我实际上得到：

本质上，我的问题是：如何继续使用 handleChange() 来处理具有解构对象键的不同调用者，但仍嵌套在用户下。

Answer 1

尝试使用它

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

React SetState with destructured variable is providing erroneous results