[React.js] redux sample

//액션
export const ACTION_TYPE = 'ACTION_TYPE';
 
//액션 생성 함수
export function addAction(text) {
    return {
        type: ACTION_TYPE,
        text,
    }
}
 
//리듀서 함수
function act(state = initialState, action) {
    if (action.type === 'ACTION_TYPE') {
        return {
            text: action.text
        }
    }
 
    return state;
}
 

 

redux-actions 모듈 사용시

//액션
const ACTION_TYPE = 'ACTION_TYPE';
 
//액션 생성함수
export const ACTION_TYPE = createAction('ACTION_TYPE', text => text);
 
//리듀서 함수
const act = handleAction(
    {
        [ACTION_TYPE]: (state, action) => ({ text: action.text })
    },
    initialState
)