5.2.2 createRef를 통한 ref 설정

    ref를 만드는 또 다른 방법은 리액트에 내장되어 있는 createRef라는 함수를 사용하는 것입니다. 이 함수를 사용해서 만들면 더 적은 코드로 쉽게 사용할 수 있습니다. 이 기능은 리액트 v16.3부터 도입되었으며 이전 버전에서는 작동하지 않습니다.

    예시 코드를 한번 살펴봅시다.

    createRef 사용 예시

    import React, { Component } from 'react';
     
    class RefSample extends Component {
      input = React.createRef();
     
      handleFocus = () => {
        this.input.current.focus();
      }
    
      render() {
        return (
          <div>
            <input ref={this.input} />
          </div>
        );
      }
    }
     
    export default RefSample;

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.