[React] useRef

블루·2022년 11월 10일
0

오늘은 React의 hook 중 하나인 useRef에 대한 내용을 포스팅해보겠습니다!

useRef란

  • useRef란 특정 DOM을 선택할 수 있게 해주는 Hook 함수이다.
  • useRef는 .current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref 객체를 반환한다.
  • useRef로 반환된 객체는 렌더링에 영향을 주지않는다.
  • 일반 변수의 경우, 리렌더링이 일어날 때마다 값이 업데이트되지만, useRef로 반환된 객체는 리렌더링이 일어나도 값의 업데이트가 일어나지 않는다.

ref

  • ref는 js의 getElementById()처럼, component의 어떤 부분을 선택할 수 있게 해주는 방법이다. 리액트에 있는 모든 component는 reference element를 가지고 있어서, 어떤 component에 ref={변수명}을 넣어주면, 해당 component를 참조하게 된다.



참고자료

profile
개발 일지를 작성합니다

0개의 댓글