在Redux中更新对象数组

Question

初始状态如下所示：

const INITIAL_STATE = {
    myArray: []
};

现在，在我的reducer中，我想将一个新对象附加到现有数组中。 我想出了类似的方法，但是它没有按预期工作。

    case ADD_TO_ARRAY:
        return {
            ...state,
            myArray: [...state[ { action.payload.key: action.payload.value} ]]
        };

注意：我想使用在操作有效负载中传递的键和值来在线创建一个新对象。

Answer 1

使用ES6，您可以动态计算对象键
只需在方括号[]添加要评估的变量

case ADD_TO_ARRAY:
  return {
    ...state,
    myArray: [...state.myArray, [ { [action.payload.key]: action.payload.value} ]]
};