[React] 훅(Hook) - useRef

 

 

1. 정의

- 레퍼런스(Reference)를 사용하기 위한 훅

리액트의 레퍼런스 특정 컴포넌트에 접근할 수 있는 객체

 

- useRef()훅은 레퍼런스 객체(ref object)를 반환

- 레퍼런스 객체에는 .current라는 속성이 있는데 이것은 현재 레퍼런스(참조)하고 있는 엘리먼트를 의미함

- 반환된 레퍼런스 객체넌 컴포넌트의 라이프타임(lifetime) 전체에 걸쳐서 유지됨(컴포넌트 마운트 해제 전까지 유지)

- 변경 가능한 .current라는 속성을 가진 하나의 상자라고 생각하면됨

 

2. 사용방법

- 파라미터로 들어온 초기값(initail value)으로 초기화된 레퍼런스 객체를 반환

const refContainer = useRef(초기값);