useCallback
- useCallback() Hook은 컴포넌트가 재실행되더라도 함수의 재 생성을 방지하는 방법
(memo()는 컴포넌트의 재 실행을 방지하는 방법)- props로 전달할 함수가 있으면 useCallback 사용
- memo()와 유사한 동작방식을 가지고 있다.
- props로 전달되는 함수의 재 생성을 방지 => 하위 컴포넌트의 재실행을 방지.
Javascript에서 function 은 객체(Reference)로 취급된다.
- useCallback으로 정의된 함수는 컴포넌트가 재실행되더라도 새로운 함수로 재생성되지 않는다.
적용
- TodoApp.js
추가
변경
- AddTodo.js
변경
