더북(TheBook)

12.2.3 변화를 일으키는 함수, 리듀서

 

이번에는 상태에 변화를 일으키는 함수인 리듀서를 알아보겠습니다. 리듀서는 파라미터를 두 개 받습니다. 첫 번째 파라미터는 현재 상태고, 두 번째 파라미터는 액션 객체입니다.

함수 내부에서는 switch 문을 사용하여 action.type에 따라 새로운 상태를 만들어서 반환해야 합니다.

리듀서가 초기에 사용할 초기 상태 initialState 값부터 먼저 설정해야 리듀서를 만들 수 있습니다. 우리가 작성할 예제 코드에는 숫자 값이 필요하니 새 객체를 만들어서 그 안에 number라는 키를 0으로 설정하겠습니다.

액션 생성 함수 아래쪽에 다음과 같이 initialState를 정의하세요.

(...)
 
const initialState = {
  number: 0
};
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.