title: React. Cannot get the component element in the DOM
body: <p>I'm trying to insert the innerHTML for the <code>div</code> container <strong>ed</strong>. But I cannot get it after the React has render it. I understand that it's the problem with the stages of render, because I get <code>null</code> for this <code>div</code> container. What is I'm making the wrong?</p>
  
  <pre><code>class Test extends React.Component {
    render() {
      return (
        &lt;div&gt; 
          &lt;div id='ed'&gt;
          &lt;p&gt;{this.props.prop.text}&lt;/p&gt;
          &lt;/div&gt; 
          {document.querySelector('#ed').innerHTML = this.props.prop[1]} // this the problem
        &lt;/div&gt; 
      );
    }
  }
  
  ReactDOM.render(
    &lt;Test prop={store.getState()} /&gt;,
    document.getElementById('root')
  );
  </code></pre>