useRef에 대한 정리

sona·2022년 10월 11일
0

⚙️ 기술로그

목록 보기
4/23

➰ useRef란?

useRef는 함수형 컴포넌트에서 DOM에 직접적인 접근을 가능하게 해주는 Hook이다. 고로 컴포넌트에서 특정 DOM을 선택해야 할 때 useRef를 사용하면 된다.

useRef는 리렌더링을 하지 않으며 컴포넌트의 속성만 조회 & 수정할 수 있다.


➰ useRef가 필요한 경우

  1. 컴포넌트에 focus를 위치시킬 때
  2. 속성 값을 초기화 해야할 때
  3. 컴포넌트의 속성이나 정보를 조회나 수정할 때 (리렌더링을 하지 않으면서 하기)

참고: https://yoonjong-park.tistory.com/entry/React-useRef-%EB%8A%94-%EC%96%B8%EC%A0%9C-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94%EA%B0%80

0개의 댓글