React - 16.3 이상에서 DOM 레퍼런스 가져오기. 18.06.08

가끔 오브젝트에 직접 접근해야할 때가 있다.

https://reactjs.org/docs/refs-and-the-dom.html

constructor 에서, React.createRef() 를 해주고.

JSX 에서 ref={this.myFoo} 해주면 된다.

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = React.createRef();
  }
  render() {
    return <div ref={this.myRef} />;
  }
}

사용할 때는, current 로 node 에 접근한다.

const node = this.myRef.current;