[220731] React useMemo , useReducer

useMemo

• 값을 재활용하기 위해 메모리에 값을 캐싱하는 Hook

const value = useMemo(()=>{
	return 캐싱해서 기억하고 있을 값
},[dependency])

useReducer

state가 바뀔 때마다 화면을 렌더링 해줌

• Reducer : state 를 변경하는 함수
• Dispatch : reducer에게 state를 변경해달라는 요구 dispatch를 호출하면 reducer가 호출됌
• Action : Dispatch 의 내용

useReducer 사용

const [state, dispatch] = useReducer(reducer, 상태의 초기값);

reducer 사용

const reducer = (state, action) => {
	//보통 if 나 switch 사용
}

dispatch 사용 (action 은 보통 객체형태로)

	dispatch({type: '', payload:})