redux-actions 사용하기

import {createAction} from 'redux-actions';

// 기존 액션 생성 방식
// export const increment = (index) => {
// 	type: 'INCREMENT',
//  payload: index
// };

// 1. createAction 사용
export const increment = createAction('INCREMENT');

increment(3); // { type: 'INCREMENT', payload: 3 }

// 2. parameter가 여럿일 때
export const updateColor = createAction('UPDATE_COLOR');
// action에 객체를 넣어서 parameter로 전달
updateColor({ index: 3, color: '#ffffff'});
// { type: 'UPDATE_COLOR', payload: { index: 3, color: '#ffffff' }};

// 3. parameter 명시
export const createUser = createAction('CREATE_USER', ({index, name}) => ({index, name}));

createUser({index: 1, name: 'foo'});

import {handleActions} from 'redux-actions';

const reducer = handleActions({
    INCREMENT: (state, action) => ({
        counter: state.counter + action.payload
    })
}, { counter: 0 });