리액트 입문 9 - useCallback()

dev_hyun·2021년 9월 18일
0

react 입문

목록 보기
9/10
post-thumbnail

uesCallback() 이란?

const memoizedCallback = useCallback(
    () =>{
    	doSomething(a,b);
    },
    [a,b],
);

메모이제이션된 함수를 반환한다.
즉, 특정함수를 새로 만들지 않고 재사용하고 싶을때 사용합니다.
주의할 점은 doSomething안에서 사용하는 상태, props 가 존재한다면, [a,b]에 넣어야 합니다.

넣지않게 된다면, 해당 값들을 참조할때 가장 최신값을 참조 할 것이라고 보장을 할 수 없기 때문입니다.

즉, [a,b] 안에 넣지 않을 경우 새로 값이 변경되더라도 함수가 새로 생성되지 않기 때문에 최신값이라고 할 수 없습니다.

참고자료 : https://react.vlpt.us/basic/18-useCallback.html

profile
하다보면 안되는 것이 없다고 생각하는 3년차 프론트엔드 개발자입니다.

0개의 댓글