useCallback1 useMemo, useCallback useMemo 값을 캐싱하기 위해 사용합니다. useCallback 함수를 캐싱하기 위해 사용합니다. const Item = ({ item, onClick }) => {item.name}; const Component = ({ data }) => { const value = useMemo(() => (복잡한연산 retrun true or false), [someStateValue]); const onClick = useCallback(() => { console.log(value); }, [value]); return ( {data.map((d) => ( ))} ); }; 해당 코드처럼 복잡한 연산을 다시 하지 않기 위해 결괏값을 저장해놨다가 의존하는 값이 변경될 때에만 재연산하는 것이 useMemo. .. 2023. 1. 2. 이전 1 다음 반응형
