useCallback (1) 썸네일형 리스트형 리액트 훅스 Hooks 5: useCallback useMemo와 비슷한 useCallback은 메모이제이션된 콜백을 반환하고 렌더링 선능을 최적화해야 할때 사용됩니다. 전편에서 구현한 곱셈 컴포넌트에서 onChange와 onClick 함수를 선언해 주었는데 이러면 컴포넌트가 리렌더링 될때마다 새로 만들어진 함수를 사용하게 됩니다. Multiply.js import React, {useMemo, useState} from 'react'; const getMultiply = numbers => { console.log("calculating"); if(numbers.length === 0) return 0; const sum = numbers.reduce((a,b)=> a*b); return sum; }; const Multiply = () => { co.. 이전 1 다음