Hooks - useMemo

2021. 9. 29. 17:50React/문법

- useMemo : 성능 최적화를 위해 연산된 값을 저장하는 훅으로, 

useMemo 의 첫번째 파라미터에는 어떻게 연산할지 정의하는 함수를 넣어주면 되고 두번째 파라미터에는 deps 배열을 넣어주면 되는데, 이 배열 안에 넣은 내용이 바뀌면, 우리가 등록한 함수를 호출해서 값을 연산해주고, 만약에 내용이 바뀌지 않았다면 이전에 연산한 값을 재사용하게 됩니다.

  const count = useMemo(() => countActiveUsers(users), [users]);

 

'React > 문법' 카테고리의 다른 글

React.memo  (0) 2021.10.19
Hooks - useCallback  (0) 2021.09.29
Hooks - useEffect  (0) 2021.09.29
배열 렌더링  (0) 2021.09.29
Hooks - useRef  (0) 2021.09.29