더북(TheBook)

13.1.6 리듀서 생성

 

앞서 설명했던 대로 리듀서는 액션의 type에 따라 변화를 일으키는 함수입니다. 이 리듀서를 작성할 때는 최초 변화를 일으키기 전 가지고 있어야 할 초기 상태를 정의해야 합니다.

reducers 디렉터리에 index.js 파일을 만들고, 액션 타입들을 불러온 후 초기 상태를 선언하세요.

src/reducers/index.js

import * as types from ‘../actions/ActionTypes’;
 
const initialState = {
  color: ‘black’,
  number: 0
};

이 리듀서의 초기 상태로는 color 값과 number 값이 있습니다. 이제 리듀서 함수를 만들어 보겠습니다. 리듀서 함수는 stateaction을 파라미터로 가지는 함수며, 그 함수 내부에서 switch 문으로 action.type에 따라 상태에 다른 변화를 일으킵니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.