[useRef] vue의 ref와는 다르다.. 아냐 비슷한가..?

import {useRef} from 'react'

const myRef = useRef();

<div ref={myRef}></div>

이런 식으로 작성할 경우

 

myRef.current

이 식을 사용하면 해당 myRef DOM에 접근 할 수 있다.

 

---

변경 가능한 값이면서 + 재렌더링 할 필요가 없는 data라면 useRef를 사용해도 된다.

 

그렇다면 의문이 들 것이다.

아니 그럼 그냥 일반 변수 선언해서 쓰는 거랑 다를 게 없지 않음?

 

다르다, 재렌더링이 되면 일반 변수는 초기화 된다.

useRef를 활용하면 재렌더링 되어도 초기화되지 않는다.