title: How to get an element By ID inside React.Fragment?
body: <p>I am trying to catch an element using an ID in React, but I could not.</p>
  
  <pre><code>render() {
    //Looping through all menus
    let menuOptions = this.props.menuLists.map(menuList =&gt; {
      return (
        &lt;li className="nav-item active" key={menuList.name}&gt;
          &lt;a className="nav-link" href={menuList.anchorLink}&gt;
            {menuList.name}
          &lt;/a&gt;
        &lt;/li&gt;
      );
    });
  
    return (
      &lt;React.Fragment&gt;
        &lt;div id="animSec"&gt;
          &lt;canvas id="myCanvas" /&gt;
        &lt;/div&gt;
      &lt;/React.Fragment&gt;
    );
  }
  </code></pre>
  
  <p>I want to call the <strong>myCanvas</strong> ID. </p>
  
  <p>I tried by <code>this.refs</code>, but it's sent me <em>undefined</em>. I also tried <code>react-dom</code>:</p>
  
  <pre><code>ReactDOM.findDOMNode(this.refs.myCanvas);
  </code></pre>
  
  <p>but get nothing. I call <code>findDOMNode</code> on the constructor first and I tried <code>componentDidMount</code> but get nothing.</p>