问Javacsript -使用2个变量键访问嵌套的对象值(对于ReactJS setState())
EN

Stack Overflow用户

提问于 2018-06-11 07:05:39

回答 1查看 51关注 0票数 0

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

当我使用2个字符串键访问ReactJS状态对象时，我试图在一个nest组件上执行setState，但是我似乎不能让它工作。

状态：-

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})

所发生的一切就是我在state对象中得到了一个新的条目"undefined“。有人能在这里给出建议吗？谢谢。

编辑：

似乎是以下内容的副本：-

发布于 2018-06-11 07:21:59

找到解决方案(使用扩展运算符)...

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50788797

复制

相似问题

问Javacsript -使用2个变量键访问嵌套的对象值(对于ReactJS setState())EN