Acions Redux
//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
);
Restu Wahyu Saputra
