useRef

eggMun·2023년 2월 7일
0

useRef란??

useRef는 render메서드에 생선된 DOM노드나 React 엘리먼트에 접근을 가능하게 해준다!!
즉 태그에 접근이 가능하다는 뜻이다!!

언제 사용하는가?

  1. 컴포넌트 안에 변수를 관리할 때
    useRef는 데이터가 바뀐 다고 리렌더링 되지 않는다!
    즉 컴포넌트의 속성 정보를 조회 또는 수정할 때 사용한다!

  2. 특정 DOM 선택할 때
    즉 특정 태그를 선택할 때 사용한다는 뜻이다!
    ex) 컴포넌트에 focus를 위치시킬 때

사용방법은?

먼저 import { useRef } from 'react';로 import 한다!
그리고 myRef = useRef(null);로 선언한다!
태그에 접근하기 위해 <input ref={myRef}/> 태그에 연결시켜 준다!
const onClick = () => { myRef.current?.click(); };
이런식으로 useRef를 사용한다!

profile
블로그 이전: https://medium.com/@eggmun98

0개의 댓글