TIL_리액트 # 4 | Ref

리액트에서 돔요소를 가지고오는 방법중 하나, Ref

리액트는 가상 DOM을 만들고 그 위에 그려지는 것

그냥 DOM요소에서 가져오면 리액트가 그려지기 전까지는 가져올 수 있는게 없다.

때문에, 리액트에서 DOM요소를 가져오는 것!

---

input 으로 리액트에서 Ref 생성하기

1. input 모양부터 만들기

<input type="text"></input>

 

2. constructor 함수안에서 this.○○○ = React.createRef();

this.text = React.createRef;

 

3. input 태그에 ref={this.text}

<input type="text" ref={this.text}></input>

 

4. componentDidMount 함수로 잘 생성됐는지 확인

    componentDidMount() {
      console.log(this.text);
      console.log(this.text.current);
    }