Angular 6 ngrx，如何将新项目添加到状态对象中的数组？

Question

我有一个简单的情况，我有像 CreatUser、CreateSuccess、CreateFail 这样的操作。我应该如何向数组添加新对象以及何时调度 Create 操作或 CreateSuccess？我应该怎么做？

export function reducer(state = init, action: Actions): State {
switch (action.type) {
    case ActionsTypes.CREATE:
        return {
            ...state,
            inProgress: true
        };
    case ActionsTypes.CREATE_SUCCESS:
        return {
            ...state,
            users: state.users.push(action.payload),
            inProgress: false
        };
    case ActionsTypes.CREATE_FAIL:
        return {
            ...state,
            error: action.payload,
            inProgress: false
        };
    default:
        return state;
}

在上面的代码中，我尝试使用 push 方法添加新用户，但这不是一个好的解决方案。我应该怎么做？

Answer 1

尝试使用 spread operator因为它创建了一个新的用户数组并且不会改变之前的数组。

users: [...state.users, action.payload]

否则使用 @ngrx/entity数组模块。这是最好的方法。

2019 年 7 月 13 日更新

新模块@ngrx/data在 NgRx 8 中可用。此模块有助于为具有零样板的数组创建 CRUD 存储。