Redux action如何仅更新单个对象的状态？更新时全量数据被修改问题求助

问题原因 #

你出现全量更新的核心问题有两个：

1. UPDATE_MOVEMENT的reducer逻辑中没有做目标动作筛选，对数组所有元素都执行了重量修改操作
2. 字段名不匹配：你的数据结构里重量字段是weight，但更新逻辑里写的是movementWeight，会导致更新后新增冗余字段，原有weight字段不生效的问题

修复方案 #

1. 规范updateMovement的入参

调用updateMovement时，formValues需要包含两个必填字段：要更新的动作名称name、新的重量weight，示例入参：

// 比如更新bench重量为300时，传递的formValues结构为
{
  name: 'bench',
  weight: 300
}

2. 修正reducer的UPDATE_MOVEMENT分支

修改逻辑为只匹配到对应名称的动作时才更新重量，其余动作保持原样：

const movementReducer = (state = initialState, action) => {
    switch (action.type) {
        case ADD_MOVEMENT: 
            return [ ...state, action.payload ];
        case UPDATE_MOVEMENT:
            return state.map(item => {
                // 仅匹配name一致的动作做更新
                if (item.name === action.payload.name) {
                    return Object.assign({}, item, { weight: action.payload.weight })
                }
                // 不匹配的动作直接返回原数据
                return item
            })
        default:
            return state;
    }
};

优化建议 #

如果业务中存在同名动作的可能，建议给每个动作新增唯一标识id字段，更新时用id做匹配条件，比用name匹配更稳妥，避免重名导致的误更新问题。

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