Accessing React ref

https://remarkablemark.org/blog/2019/02/20/react-ref/

by remarkablemark

HTML

<!--
  https://remarkablemark.org/blog/2019/02/20/react-ref/
-->
<div id="root"></div>

React

class App extends React.Component {
  myRef = React.createRef();

  state = { isMounted: false };

  componentDidMount() {
    this.setState({ isMounted: true });
  }

  render() {
    if (this.state.isMounted) {
      console.log(this.myRef);
    }
    return <div ref={this.myRef} />;
  }
}

ReactDOM.render(<App />, document.getElementById('root'));