javascript - 更新 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} ]]
};