• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

2:04초 onClickTd 왜 useCallback사용하는지 모르겠어요

23.02.24 01:39 작성 23.02.24 01:41 수정 조회수 253

0

onClickTd를 useCallback으로 만드신 이유가 있을까요 ?

영상내에서 따로설명이 없으신거같아서요. 다시한번 짚어주세요 !!

 p.s ) 제가아는 useCallback은 제작한 함수를 재사용하기 위한것이잖아요 ..? 근데 onClickTd 라는 함수를 다른컴포넌트에서 사용안하지 않나요 ...?

답변 1

답변을 작성해보세요.

0

useCallback을 쓰는 이유는 일단 자식 컴포넌트의 리렌더링을 막기 위해서입니다. 자식 컴포넌트는 부모가 리렌더링되면 무조건 같이 리렌더링 되는데 React.memo를 쓰면 그걸 막을 수 있습니다. 하지만 함수 prop은 계속 새 함수가 들어가므로 자식 리렌더링이 여전히 됩니다. 그걸 다시 또 막으려면 useCallback을 써야 합니다.