반응형
useCallback
-
React) useMemo & useCallbackJava Script/React 2020. 11. 4. 00:23
useMemo 함수형 컴포넌트 내부에서 발생하는 연산 최적화에 사용 useMemo를 이용해서 렌더링하는 과정에서 특정 값이 바뀌었을 때만 연산을 실행하도록 설정 의존성이 변경되었을 때만(배열로 전달한 값이 변경되었을 때만) 메모이제이션된 값만 다시 계산해준다. (반환한다) const colorMemo = useMemo(() => getColor(color), [color]); const movieGenreMemo = useMemo(() => getMovieGenre(movie), [movie]) ; 이 경우는, color값이 변경되면 getColor 함수만, movie값이 변경되면 getMovie함수만 호출된다. useCallback 렌더링 성능을 최적화 해야하는 상황에서 사용 ~> 이벤트 핸들러 함수를..