Breaking News: Grepper is joining You.com. Read the official announcement!

redux acions

Restu Wahyu Saputra answered on October 13, 2020 Popularity 8/10 Helpfulness 1/10

answer redux acions

redux acions

Comment

//npm i redux-actions or yarn add redux-actions

// single action creator
export const incAsyncCreator = createAction("INC");
export const decAsyncCreator = createAction("DEC");

// single action creator using - single reducer 
export const incReducer = handleAction(
  incAsyncCreator,
  (state, action) => ({
    ...state,
    counter: state.counter + 1,
    success: action.payload.success
  }),
  counterState
);

// single action creator using - single reducer 
export const decReducer = handleAction(
  incAsyncCreator,
  (state, action) => ({
    ...state,
    counter: state.counter + 1,
    success: action.payload.success
  }),
  counterState
);


//multiple action creator
export const { increment, decrement } = createActions({
  increment: (payload) => ({ ...payload }),
  decrement: (payload) => ({ ...payload })
});

// multiple action creator using - multiple reducer 
export const counterReducer = handleActions(
  {
    [increment]: (state, action) => ({
      ...state,
      counter: state.counter + 1,
      success: action.payload.success
    }),
    [decrement]: (state, action) => ({
      ...state,
      counter: state.counter - 1,
      success: action.payload.success
    })
  },
  counterState
);

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript redux

Link to this answer
Share Copy Link

Contributed on Oct 13 2020

Restu Wahyu Saputra

0 Answers Avg Quality 2/10

redux acions

Contents

More Related Answers

redux acions

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.