javascript - Javascript : Setting Value to the Object by id,，其中 id 是对象的最后一个字母

Question

至于标题:看起来有点令人困惑，但事实并非如此。

在 React 中，我正在实现代码的可重用性

我有

state={
       colorObj1: {r:'0',g:'0',b:'0',a:'1'},
       colorObj2: {r:'0',g:'0',b:'0',a:'0'},
       colorObj3: {r:'0',g:'0',b:'0',a:'1'},
       colorObj4: {r:'0',g:'0',b:'0',a:'0'},
       colorObj5: {r:'0',g:'0',b:'0',a:'1'}
      }

我想要这个功能 --> 通过对象的 ID，我想将颜色设置为特定的对象。

id 值 --> 1,2,3,4,5

getSelectedColor=(color,id) => {
    this.setState({colorObj{`id`}: color})  //WRONG CODE
}

Answer 1

您应该使用Computed property names如下:

this.setState({[`colorObj${id}`]: color})