React Redux，使用 immutability-helper update 更新部分状态

Question

在我的 redux reducer 状态下，我想更新对象对象中的属性。

    {
    users:{
        '1':{id:'1', name:'', items:[], ....}
        '2':{id:'1', name:'', items:[], ....}
         ...
         }
    }

我只想更新对象中的 items 键 1 or 2 或任何其他键，其余状态保持不变。该操作包含键号为action.id，action.payload 包含字符串。

我对@9​​87654326@ 和update 的工作原理以及如何保持users 的其余部分保持不变感到困惑。

当然我的代码是错误的 :) 但我试过了

case types.UPDATE_ITEMS: {
      return update(...state, {
        [action.id]: { items: { $set: action.payload } }
      });
    }

Answer 1

这正是update 的用法，它将保持状态的其余部分不变。所以没有必要传播

   case types.UPDATE_ITEMS:
          return update(state, {
            [action.id]: {
              items: { $set: action.payload }
            }
          });

Answer 2

您可以像这样使用其余扩展运算符仅更新users 部分：

case types.UPDATE_ITEMS:
  return {
    ...state, // That will keep any other keys in the object besides 'users'
    users: {
      ...state.users, // keep the part you want to keep from 'users',
      [action.id]: {
        ...state.users[action.id], // keep the part you want from this user
        items: [action.payload] // update the part you want
      }
    }
  };