# 125 [udemy React 완벽 가이드 노트] useReducer 이론

 

● 형태

 

const [state, dispatchFn] = useReducer (reducerFn, initialState, initFn);

 

useReducer도 두개의 값이 있는 배열을 반환한다. 

그래서 배열 디스트럭처링을 사용할 수 있는 것. 

 

useState에서 값들을 추출해 별도의 상수에 저장했던 것처럼.

 

 

 

● State

 

최신 state 스냅샷

 

 

● dispatchFn

state 스냅샷을 업데이트 할 수 있게 해주는 함수

액션을 디스패치함.

 

(디스패치 : 프로그램이 어떤 메소드를 호출할 것인가를 결정하여 그것을 실행하는 과정)

 

 

● ReducerFn

액션을 소비함. 

최신 state 스냅샷을 리액트에 의해 자동으로 가져오게 됨

리액트가 새 액션이 디스패치 될 때마다 이 함수를 호출하여

디스패치 된 액션도 가져와서 

이 함수 실행을 트리거 하게 됨.

 

또한 새로 업데이트 된 state를 반환함. 

 

(prevState, action) => newState