[리액트] useCallBack

useCallBack

특정 함수를 새로 만들지 않고 재사용하고 싶을 때 사용하는 함수이다.

 

useCallBack 사용법

const callback = useCallback(function, deps);

function을 deps값이 변경될 때까지 재사용할 수 있게 해준다.

 

useCallBack 사용 이유

리렌더링 될 때 마다 함수가 새로 만들어지는데 그것을 방지하고 재사용하는 것이다.

(cpu나 메모리를 소모를 줄이고자 라고도 하지만 현재는 큰 의미 없어보인다.)