Chapter3 - Ref를 사용해 리액트에서 돔요소 가져오기

만약에, 내가 어떤 인풋박스에서 텍스트를 가져오고 싶으면 어떻게 접근해야할까?

→ 답은, 리액트 요소에서 가져온다!

 

Ref를 하나의 이름표라 생각하면 이해하기 쉽다.

 

 

방법 1 - 클래스형 컴포넌트

render안에 작성

constructor안에 작성

중간에 value를 확인하는 방법중 하나는 밑에와 같다.

render의 return안에 작성

 

방법 2 - 함수형 컴포넌트

함수형 컴포넌트에서는 이처럼 Ref를 사용할 수 있는데 

중간에 확인하는 방법으로는 setTimeout()을 활용하는 방법이다.

window.setTimeout(() => {

    console.log(my_wrap);

  }, 1000);

여기서 두번째 인자(1000)의 시간이 흐른 후에 첫번째 인자에 있는 함수를 실행하도록 하는 코드이다.

밀리세컨드 기준이라 1000 = 1초