-
[ 모던 리액트 : Deep Dive ] - 03장 리액트 훅 깊게 살펴보기 useRefweb 2023. 12. 22. 01:05
🚀 useRef
✅ useRef란?
- 컴포넌트 내부에서 렌더링이 일어나도 변경 가능한 상태값을 저장하는 훅
✔️ useState와 다른점
- useRef의 반환값은 객체여서, current 값으로 접근, 변경 가능하다.
- useRef는 값이 변해도 렌더링을 발생시키지 않는다.
즉, useRef는 렌더링에 영향을 미치지 않는 고정값을 관리하기 때문에, 렌더링을 발생시키지 않고 원하는 값을 저장할 수 있다.
🚀 정리
🩵 렌더링에 영향을 미치지 않고 값을 저장하고 싶다면, useRef를 사용한다.
'web' 카테고리의 다른 글
[ 모던 리액트 : Deep Dive ] - 03장 리액트 훅 깊게 살펴보기 useReducer (3) 2023.12.22 [ 모던 리액트 : Deep Dive ] - 03장 리액트 훅 깊게 살펴보기 useContext (2) 2023.12.22 [ 모던 리액트 : Deep Dive ] - 03장 리액트 훅 깊게 살펴보기 useMemo, useCallback (0) 2023.12.22 [ 모던 리액트 : Deep Dive ] - 03장 리액트 훅 깊게 살펴보기 useEffect (0) 2023.12.22 [ 모던 리액트 : Deep Dive ] - 03장 리액트 훅 깊게 살펴보기 useState (1) 2023.12.21