createRef를 사용하여 ref를 만들려면 우선 컴포넌트 내부에서 멤버 변수로 React.createRef()를 담아 주어야 합니다. 그리고 해당 멤버 변수를 ref를 달고자 하는 요소에 ref props로 넣어 주면 ref 설정이 완료됩니다.

설정한 뒤 나중에 ref를 설정해 준 DOM에 접근하려면 this.input.current를 조회하면 됩니다. 콜백 함수를 사용할 때와 다른 점은 이렇게 뒷부분에 .current를 넣어 주어야 한다는 것입니다.

지금까지 콜백 함수 혹은 createRef를 사용하여 ref를 만드는 방법을 배워 보았습니다. 앞으로 두 가지 방법 중에서 편한 방법을 사용하세요.

이번 장에서는 주로 콜백 함수를 사용하는 방식으로 ref를 다루어 보겠습니다.