javascript - 向对象添加新属性

Question

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

这是 reducer :

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

我想将 complete: true 属性添加到 completedExercise 对象并删除 0 索引对象键，以便completedExercises 对象的 Id 属性包含 name、screenName、text 和complete Prop ，但是我能想到的最接近的是把它放在它旁边:

我现在的状态是这样的:

我希望它看起来像:

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);