useRef

useRef

• 특정 DOM 을 선택할때 사용 (querySelector,getElemntById)
• 컴포넌트 안에서 조회 및 수정할 수 있는 변수관리
• useRef로 관리되는 변수는 값이 바뀌어도 컴포넌트가 리렌더링 되지 않는다.

사용법

1. useRef를 사용하여 Ref객체를 만들고 선택하고 싶은 DOM에 ref값으로 설정해야한다.
2. .current값은 선택한 DOM 값을 가르킨다.

import {useRef} from 'react';

function test(){
const select = useRef();

const onChange = (e) => {
	작업~
    select.current.이벤트
}

return(
	    <input
        ref={select}
      />
)
}