在反應中更新數組的嵌套 object 中的值

Question

我正在使用 state 但我對 state 的值有點困惑

state= {
        ingredients: [
            {Cheese: 0},
            {Bacon: 0}
        ]
    }
<button onClick={this.add}>ADD</button>

我想在單擊按鈕時將 Cheese 的值更改為 1 我找不到解決方案

Answer 1

 add = () => {
    this.setState(prevState => {
      const ingredients = prevState.ingredients.map(ing => {
        if (ing["Cheese"]) {
          return { ...ing, Cheese: ing["Cheese"] + 1 };
        }
        return ing;
      });
      return {
        ingredients
      };
    });
  };