Javascript 在redux中更新对象数组

Javascript 在redux中更新对象数组,javascript,ecmascript-6,redux,react-redux,Javascript,Ecmascript 6,Redux,React Redux,初始状态如下所示: const INITIAL_STATE = { myArray: [] }; 现在在我的reducer中,我想在现有数组中附加一个新对象。 我想出了这样的办法,但没有达到预期效果 case ADD_TO_ARRAY: return { ...state, myArray: [...state[ { action.payload.key: action.payload.value} ]]

初始状态如下所示:

const INITIAL_STATE = {
    myArray: []
};
现在在我的reducer中,我想在现有数组中附加一个新对象。 我想出了这样的办法,但没有达到预期效果

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

注意:我想使用在操作负载中传递的键和值创建一个新对象。使用ES6,您可以动态计算对象键
只需在方括号中添加一个要计算的变量
[]

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

使用ES6,您可以动态计算对象键
只需在方括号中添加一个要计算的变量
[]

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