NgRx Reducer - Make it array in the new syntax

Question

How i make an array in the new reducer?

With old syntax id do this:

    const initialState: Comment = {
      fullName: null,
      comment: null
    };

    export function commentReducer(state: Comment[] = [], action: CommentAction.Action) {
      switch (action.type) {
        case CommentAction.ADD_COMMENT:
          return [...state, action.payload];
        case CommentAction.REMOVE_COMMENT:
          state.splice(action.payload, 1);
          return state;
          default:
            return state;
      }

    }

Now in new reducer i do this but its not array

    export const initialState: Comment = {
      fullName: null,
      comment: 'null'
    };

    const commentReducer = createReducer(
      initialState,
      on(CommentAction.addcomment, (state, { fullName, comment }) => ({ fullName, comment }))
    );


    export function reducer(state: Comment | undefined, action: Action) {
      return commentReducer(state, action);
    }

I try to dispatch but its not add to array it just replace it. What i do wrong?

Andrei · Accepted Answer · 2019-12-12 08:52:49Z

1

firstly: your initialState should be an array, secodly: just return an array

export const initialStat: Comment[] = [];

const commentReducer = createReducer(
      initialState,
      on(CommentAction.addcomment, (state, { fullName, comment }) => [...state, { fullName, comment }])
    );

  export function reducer(state: Comment[], action: Action) {
      return commentReducer(state, action);
    }

I also fixed types Comment to Comment[] where it was required

answered Dec 12, 2019 at 8:52

Andrei

12.8k1 gold badge16 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

NgRx Reducer - Make it array in the new syntax

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related