在React JS中更新对象数组的属性

Question

我是react-redux的新手。

我这里有一个类似的物体

const initialState = {
Low: [
    {
        id: 0,
        technologyId: 0,
        technology: '',
        type: '',
        count: '',
        allowded: 6,
        level: 'EASY'
    }
],
Medium: [
    {
        id: 0,
        technologyId: 0,
        technology: '',
        type: '',
        count: '',
        allowded: 7,
        level: 'MEDIUM'
    }
],
High: [
    {
        id: 0,
        technologyId: 0,
        technology: '',
        type: '',
        count: '',
        allowded: 7,
        level: 'TOUGH'
    }
]

}

现在，在reducer中将此值设置为props。

现在，onchnage的对象属性已从这些obj之一更改。

所以，这里我更新它的方式是，

onChange(event, tobeupdated, id, type, noc, data) {
    let newData = { ...this.props.data };  
    if (newData) {
      let data = newData[type].map((object, index) => {
        if (object.id === id) {
          object[tobeupdated] = event.target.value;
      });
}

}

那么，我将在这里更新现有对象吗？ 还是还有其他方法？ 我尝试过的是

{...object, [tobeupdated]: event.target.value}

它给出了编译时错误。 我该如何解决？