8.6.1 로컬 변수 사용하기

    추가로 컴포넌트 로컬 변수를 사용해야 할 때도 useRef를 활용할 수 있습니다. 여기서 로컬 변수란 렌더링과 상관없이 바뀔 수 있는 값을 의미합니다. 클래스 형태로 작성된 컴포넌트의 경우에는 로컬 변수를 사용해야 할 때 다음과 같이 작성할 수 있죠.

    예시 코드

    import React, { Component } from 'react';
     
    class MyComponent extends Component {
      id = 1
      setId = (n) => {
        this.id = n;
      }
      printId = () => {
        console.log(this.id);
      }
      render() {
        return (
          <div>
            MyComponent
          </div>
        );
      }
    }
     
    export default MyComponent;

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