Dahyee 2022. 5. 20. 18:40

useReducer

useState와 같은 기능을 함.

 

useState의 기능이 복잡해지고 많아지면 useReducer를 사용하는 게 낫다.

ex) useState로 숫자를 높이고 줄이고 초기화하는 3가지 기능을 하려면 3개의 함수가 필요함.

 

useReducer는 은행을 만드는 것

reducer = state를 변경하는 녀석:회계직원 (첫번째 parameter)

initalState = state의 초기 값(두번째 parameter)

dispatch = 손님의 요청(action)을 먼저 받는 창구직원

 

dispatch의 역할은 dispatch(여기) 괄호 안에 있는 객체를 reduce함수에게 전달. action이라는 인자로 들어 감.

객체 안에는 type:대문자명령, 과 다른 필요한 정보(?)를 넣으면 됨. (type도 type일 필요 없지만 type을 씀)

reduce함수 안에서 action.type 하면 그 대문자명령이 들어가게 됨.