React
-
useCallback();React/react 2023. 7. 19. 13:25
기록 useCallback 이란? useCallback을 handleUpdate 함수에 넣지 않았더라면 Button 컴포넌트에서 onClick 이벤트가 발생할 때마다 AppMentor 함수가 재랜더링 됐을 것이다. 하지만 useCallback 를 사용하고 디펜던시를 넣어줌으로서 디펜던시에 있는 값들에 변화가 있을 시에만 재랜더링을 해주도록 하였다. 아래 코드에서는 따로 디펜던시 값이 필요 없었기 때문에 빈 배열 '[ ]' 값을 주었다. import React, { memo, useCallback, useMemo, useReducer } from 'react'; import personReducer from './reducer/person-reducer'; export default function App..