12. useRef로 컴포넌트 안의 변수 만들기

출처 - 벨로퍼트

링크

 

useRef Hook의 용도

1) DOM 선택

2) 컴포넌트 안에서 조회 및 수정할 수 있는 변수 관리 e.g. 고유 id 관리하는 용도

 

관리가능한 값

1) setTimeout, setInterval 을 통해서 만들어진 id

2) 외부 라이브러리를 사용하여 생성된 인스턴스

3) scroll 위치

 

useRef() 를 사용할 때 파라미터를 넣어주면, 이 값이 .current 값의 기본값이 된다.

.current 로 수정, 조회를 하면된다.

예시)

const nextId = useRef(4)