如何更新 id - 键值对的反应 redux state Object

Question

我的 redux state 中有一个变量，这似乎是一个 Object 的键作为 id 和值作为内容， ，如您所见，这个 state 变量，我们称之为capacity ，不是数组或列表，而是一个普通的 object，我想增加一个 item 属性availableCapacity ，使其成为我的动作有效负载中的值，所以这里是我可以做什么

const updatedCapacity = {
   ...state.capacity[id],
        availableCapacity: state[id].availableCapacity + 1
   };

我的updatedCapacity看起来像

{
  active: true
  avaialbleCapacity: 31
  capacity: "2febf..."
  totalCapacityAvailable: 30
}

但是我怎么能通过 id 在我的 state 中找到元素，然后用我修改后的updatedCapacity替换它？ 我在下面尝试过，但是相反，它在第一个示例中在我的 state.capacity 中添加了一个新条目，在第二个示例中，它添加了一个新的键值“id”条目，而不是我的“2febfxxxx”的确切 id...

case UPDATE_CAPACITY:
  return {
     ...state.capacity,
     updatedCapacity
  }
or
case UPDATE_CAPACITY:
  return {
     ...state.capacity,
     id: { updatedCapacity }
  }

Answer 1

为您正在更新的对象浅复制所有 state。 您可以将id用作动态键。

case UPDATE_CAPACITY:
  return {
    ...state, // <-- copy current state
    [id]: {
      ...state[id], // <-- copy current element
      availableCapacity: state[id].availableCapacity + 1 // <-- increment capacity
    }
  }