javascript - 通过 Redux Reducer 中的键附加到数组访问

Question

我正在尝试在 reducer 中添加到我的状态。我需要访问一个键，然后添加到该键内的数组。这是我目前的状态:

{teamMembers: {
    PersonId1: [{ object1 }, {object2 }]
    PersonId2: [{ object3 }, { object4 }]
    PersonId3: [{ object5 }, { object6 }]
}}

我需要根据操作输入的内容访问 PersonId，然后将操作中的项目附加到数组。理想情况下，如果键 PersonId 尚不存在，它还会创建一个新键和数组。

Answer 1

在你的 reducer 中，只需做一点数据操作。请记住只操作您状态的副本，而不是您的实际状态。

const action = {
  payload: {
    personId: 'PersonId4',
    item: {}
  }
}

const state = {
    PersonId1: [{ object1 }, {object2 }]
    PersonId2: [{ object3 }, { object4 }]
    PersonId3: [{ object5 }, { object6 }]
}
const {personId, item} = action.payload
let newState = {...state}
if (personId in newState) {
  newState[personId].push(item)
} else {
  newState[personId] = [item]
}
return newState