react - ref

ref (reference) : DOM에 이름달기

1. 클래스형 컴포넌트

 

1) ref 객체 생성

input = React.createRef();

 

2) DOM 요소 ref 속성으로 지정

<input ref={this.input} />

 

3) DOM 요소 접근

this.input.current

 

2. 함수형 컴포넌트

 

1) useRef 임폴트

import { useRef } from 'react';

 

2) ref 객체 

const input = useRef();

 

3) DOM 요소 지정

<input ref={input} />

 

4) DOM 요소 접근

input.current