state와 ref의 차이점

 

state와 ref의 차이점

---

제목 그대로 state와 ref의 차이점에 대해서 정리해보려고 한다.

 

코드 수정 중에 왜 ref를 state로 바꿔서 사용했는가?라는 질문을 받아서 정리해 보는 글이다. 가볍게 내가 보기 위해서

 

 

react에서 state와 ref의 차이는

우선 정의는 state는 '컴포넌트 내에서 관리되는 데이터 객체'

ref는 'DOM에 이름을 달아주는 것으로, DOM에 직접 접근하고 싶을 때 사용' 인데, 그냥 useRef(false) 이렇게도 사용가능

보통 질문의 의도는

state는 리렌더링이 필요한, 즉 변경 시 렌더링이 되어야 하는 값을 다룰 때 사용하고

ref는 리렌더링을 발생시키지 않아도 되는 값을 다룰 때 사용합니다.

 

여기서 문제 ref는 왜 리렌더링이 안될까요??

 

ref가 리렌더링되지않는 이유가 값에 객체가 저장되기 때문에 동일한 주소를 제공해서입니다.

 

굿 ㅎㅅㅎ