NGRX状态更新

Question

这是我的状态： -

roles =[ {
roleId:"8e8be141-130d-4e5c-82d2-0a642d4b73e1"
name:"HR"
description:"HR of the Company"
isModerator:"N"
},
{
roleId:"8e8be141-130d-4e5c-82d2-0a642d4b73e1"
name:"MR"
description:"MR of the Company"
isModerator:"Y"
}]

这是我的还原器： -

on(updateRoleItem, (s, { roleId, item }) => {
        let modifiedState = [...s];
        modifiedState.map((data) => {
            if (data.roleId === roleId) {
                data.name = item;
            }
        })
        return modifiedState;
    })
);

这是我遇到的错误： -

我想更新角色阵列中角色的名称属性。所以我找到了对象 通过Roalid，然后更新名称，但我会遇到错误。有人可以帮助我做正确的方法吗？

Answer 1

默认情况下，ngrx状态（和动作）为 nofollow noreferrer“>不可能。
这意味着您不能简单地更新属性，但是必须先创建一个克隆。
为此，您可以使用其余的扩展语法。
您也可以使用 ngrx-immer 。

on(updateRoleItem, (s, { roleId, item }) => {
        return s.map(data => {
          if (data.roleId === roleId) {
                return {...data, name: item };
          }
          return data;
        });
    })
);

与ngrx-immer

immerOn(updateRoleItem, (s, { roleId, item }) => {
    
        s.map((data) => {
            if (data.roleId === roleId) {
                data.name = item;
            }
        })
    })
);