当前位置:  开发笔记 > 编程语言 > 正文

使用(ES6)计算的属性名称更新嵌套对象

如何解决《使用(ES6)计算的属性名称更新嵌套对象》经验,为你挑选了1个好方法。



1> Jordan Runni..:

它不是特别漂亮,但我认为这是你用ES6做的最好的:

configOptionChange({ key, value }) {
  this.setState({
    ...this.state,
    deployOptions: {
      ...this.state.deployOptions,
      [key]: value
    }
  });
}

它基本上等同于您自己的Object.assign解决方案,但使用ES6 spread(...)运算符(以及参数解构以获得良好的衡量标准).

这是第二种选择,不是很聪明,但对我来说感觉更清洁:

configOptionChange({ key, value }) {
  const { deployOptions: prevDeployOptions } = this.state;
  const deployOptions = { ...prevDeployOptions, [key]: value };
  this.setState({ ...this.state, deployOptions });
}

推荐阅读
Chloemw
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有