React-Redux中如何更新单个对象类型的reducer状态

你遇到的语法错误原因：
你写的{...profile, action.payload}不符合对象字面量的语法要求，对象里的每一项都需要键值对结构，你直接传入action.payload只提供了值没有指定键，所以触发了语法报错。

场景1：后端返回完整的更新后profile对象 #

如果你后端返回的action.payload就是全量的最新profile数据，不需要保留旧状态里的任何内容，直接返回payload即可：

import { FETCH_PROFILE, UPDATE_PROFILE } from '../constants';

export default (profile= {}, action) => {
  switch (action.type) {
    case FETCH_PROFILE:
      return action.payload;
    case UPDATE_PROFILE:
      return action.payload;
    default:
      return profile;
  }
};

这种写法和FETCH_PROFILE分支逻辑一致，直接用新的全量对象替换旧状态即可。

场景2：后端仅返回需要更新的部分字段 #

如果action.payload只包含需要修改的字段（比如只返回修改后的昵称和头像，其他字段不变），你需要把payload也做展开处理，将新旧字段合并：

case UPDATE_PROFILE:
  return { ...profile, ...action.payload };

展开action.payload后，它内部的所有键值对都会被合并到新对象中，同名属性会自动用新值覆盖旧值，符合Redux不可变更新的要求。

内容的提问来源于stack exchange，提问作者user15018969