공부/React
useRef가 필요한 상황은?
k1mwnjn
2023. 4. 4. 15:58
React의 함수형 컴포넌트에서 특정 DOM에 접근하고 싶을 때 사용하는 hook.
useRef로 변수를 관리하면 그 변수가 업데이트되어도 컴포넌트가 리렌더링되지 않을 때. -> 불필요한 리렌더링 방지.
- 포커스, 텍스트 선택 영역, 혹은 미디어의 재생을 관리할 때.
- 애니메이션을 직접적으로 실행시킬 때.
- 서드 파티 DOM 라이브러리를 React와 같이 사용할 때.
- 컴포넌트 내에서 변수를 관리할 때.
- 속성값을 초기화(clear)할 때.