<aside> 🧷 const [state,dispatch] = useReducer(reducer, initialArgs, init?)

</aside>

: 이벤트 핸들러(함수)에 여러 상태 업데이트 함수 실행 코드가 분산된 컴포넌트는 관리가 어렵기 때문에 외부의 모든 상태 업데이트 로직을 reducer 함수를 통해 관리

 const [state, dispatch] = useReducer(reducer, { age: 42 });

parameters

reducer 함수

state가 어떻게 업데이트 되는지 지정하는 함수 state,action을 인수로 받아 state를 반환함

initialArgs

초기 state가 계산되는 값

모든 데이터 타입이 할당될 수 있음

init?

초기 state를 반환하는 초기화 함수

없으면 initialArg가 초기 state 있으면 init(initialArgs)를 호출한 결과값

returns

state.

현재 state. 최초의 렌더링은 init(initial Args)로 설정

dispatch

dispatch 함수는 어떤 값도 반환하지 않음

function handleClick() {
  dispatch({ type: 'incremented_age' });