useCallback

developer.do·2023년 2월 2일
0

useCallback 을 알아보자

React.memo는 컴포넌트를 메모이제이션 했다면 useCallback은 인자로 들어오는 함수 자체를 기억해요

함수를 메모장에 적어놓는 것 입니다.

Memo가 풀렸다. 언제 풀린걸까?

  • 부모컴퍼넌트가 변경된 경우
  • 프롭스가 변경되었을 때
 <Box1 initCount={initCount} />
   부모컴포에서 Box1 컴포로 initCount를 프롭스로 내려줌
   그러면 box1에서는 props가 바뀐 것을 인식함( 값이 아니라 주소를 바라본다 )
띠라서 안바뀌는 함수 자체를 노트에 적어서 계속해서 가져가 써야한다.
  const initCount = useCallback(() => {
    console.log(`Count가 ${count}에서 0으로 변경이 되었습니다.`);
    setcount(0);
  }, [count]);

0개의 댓글