useReducer( )

useReducer( )
상태를 업데이트 하는 함수
컴포넌트 밖에 생성하자!

 

useReducer 를 사용해주기 위해서 첫번째로 reducer(state,action) 함수를 생성하자.
(업데이트된 state를 반환하는 함수.=reducer)

 

action 은 업데이트를 위한 정보를 가지고 있다.

주로 type 값을 지닌 객체 형태로 사용

useReducer 은 action 객체를 기반으로 상태를 업데이트한다.

dispatch(action객체)  리듀서 함수 실행!

---

---

언제 useState( ), useReducer( ) 를 사용하여야 할까?

useState( ),

컴포넌트에서 관리하는 값이 1개고 그값이 단순한 숫자,문자,불리언 이런 경우 useState로 관리하는게 편할것이다.

반면,

user 라는 배열에 추가,수정,삭제 

이런 복잡한 로직이 있다면 useReducer()을 사용하자.