Ref 와 DOM

beablessing·2021년 8월 1일
0

React

목록 보기
2/4
post-thumbnail

Ref 와 DOM

Ref는 렌더 메서드에서 생성된 dom노드나 리액트 엘리먼트에 접근하는 방법을 제공한다.

  • 일반적인 데이터 플로우에서 벗어나 직접적으로 자식을 수정해야하는 경우에 사용함
    (컴포넌트의 인스턴스 혹은 dom엘리먼트)

  • ref 사용할때

  1. 포커스, 텍스트 선택영역 또는 미디어의 재생
  2. 애니메이션의 직접실행
  3. 서드 파티 DOM 라이브러리를 React와 같이 사용할 때.
  • Ref 남용금지

  • ref 예시

profile
프론트엔드 개발자

0개의 댓글