Javascript - 使用 2 个变量键访问嵌套对象值（用于 React JS setState()）答案

【问题标题】：Javacsript - access nested object value using 2 variable keys (for ReactJS setState())Javascript - 使用 2 个变量键访问嵌套对象值（用于 React JS setState()）
【发布时间】：2018-06-10 23:05:38
【问题描述】：

在我看来这是一个非常简单的问题，但我似乎无法解决它。

我在使用 2 个字符串键访问嵌套状态对象时尝试在 ReactJS 组件上设置状态，但我似乎无法让它工作。

状态：-

state = {
    first_name: {
      value: '',
    },
}

这些尝试失败：-

this.setState({ [[e.target.name]['value']]: e.target.value})
this.setState({ [e.target.name['value']]: e.target.value})

e.target.name 评估为“first_name”，所以这不是问题...我也尝试过：-

this.setState({ [['first_name']['value']]: e.target.value})
this.setState({ ['first_name'['value']]: e.target.value})

所发生的只是我在“未定义”状态对象中获得了一个新条目。有人可以在这里给建议吗？谢谢。

已编辑：

似乎与以下内容重复：-

How do I setState for nested array?

【问题讨论】：

标签： javascript reactjs setstate

【解决方案1】：

找到解决方案（使用展开运算符）...

this.setState({
    [e.target.name]: {
      ...this.state[e.target.name],
      value: e.target.value
    },
  }
)

【讨论】：