向对象添加新属性

Question

我正在尝试向要标记为完成的练习中添加新属性，但我无法获得正确的形状。

这是减速器：

case COMPLETE_EXERCISE:
      return {
        ...state,
        [action.payload.id]: {
          ...[action.payload.completedExercise],
          complete: true
        }
      };

我想将complete: true属性添加到completedExercise对象，并摆脱该0索引对象键，以使{{1 }}对象包含Id，completedExercises，name和screenName道具，但是我能想到的最接近的是将其放在旁边：

我当前的状态如下：

并且我希望它看起来像：

Answer 1

请勿将action.payload.completedExercise包装在数组中

case COMPLETE_EXERCISE:
      return {
        ...state,
        [action.payload.id]: {
          ...action.payload.completedExercise,
          complete: true
        }
      };

示例：

const foo = { a: 1 };
const bar = {
  ...foo,
  b: 2
};

console.log(bar);