반응형 useMemo1 [React] useMemo, useCallback, useRef 1. useMemo - 의존성 배열에 들어있는 변수가 변했을경우에만 새로 create함수를 호출하여 새로운 결과값 반환 - 렌더링이 일어나는 동안 실행 // useMemo 사용법 const memoizedValue = useMemo( () => { //연산량이 높은 작업을 수행하여 결과를 반환 return computeExpensiveValue(의존성 변수1, 의존성 변수2); }, [의존성 변수1, 의존성 변수2] ); - 의존성 배열을 넣지 않을 경우, 매 렌더링마다 함수가 실행 됨 => 무의미 const memoizedValue = useMemo( () => computeExpensiveValue(a,b) ); - 의존성 배열이 빈 배열일 경우, 컴포넌트 마운트 시에만 호출 됨 => 마운트 시점에만.. 2024. 2. 2. 이전 1 다음 반응형
