如何在反應中添加鍵

Question

我想做類似的事情

class Example exports React.Component{
   state = {
       items = {},
       id = 0,
       template = {"id":0, "itemName":""}
   }
   addItem = (name) => {
       let item = {...this.state.template,"id":this.state.id,"itemName":name };
       this.setState({items["item0"]:{item}});
   }
   render()/*code*/
}

但我無法使用 setState 向字典添加鍵：c

Answer 1

使用擴展運算符包含現有項目，然后在其鍵下添加新項目：

setState({
  items: {
    ...items,
    “item0”: item
  }
}

如果您需要計算密鑰，您可以使用計算屬性名稱括號語法：

const itemId = 'bananas';

setState({
  items: {
    ...items,
    [itemId]: item // equivalent of 'bananas': item
  }
}

或者使用數組：

setState({
  items: [
    ...items,
    item
  ]
}