📌 공식문서에 따르면, useState의 대체 함수라고 나와있다.

즉, state(상태)를 관리하고 업데이트할 수 있는 Hook이다.

✨그렇다면, useState와의 다른점은?

한 컴포넌트 내에서 state를 업데이트 하는 로직 부분을 그 컴포넌트로부터 분리시키는 것이 가능하다.

✏ 기본 코드 구조

const [state, dispatch] = useReducer(reducer, initialArg, init(option));

dispatch({type:__ });

const reducer = (state, action) => {
	switch(action.type){
		case __:
			return __;
		case __:
			return __;
		default:
			return __;
	}
};

📌reducer

객체를 새롭게 만들어 나갈 로직을 작성한 함수를 전달해준다.

📌dispatch

reducer를 호출한다.

useState에서의 set처럼 dispatch를 이용하여 원하는 action을 명령할 수 있다.