title: Cannot find ref on initial render
body: <p>I just read in the official documents that componentDidUpdate isn't called on first render and I think maybe that's why dom isn't defined the first time this Component of mine is rendered.</p>
  
  <p>This is a pop up modal that pops up when a page needs to be edited.</p>
  
  <p>Is there any other way I can go about this? </p>
  
  <pre><code>componentDidUpdate() {
      this.renderSingularForm();
  }
  
  renderSingularForm() {
      let dom = ReactDOM.findDOMNode( this.refs.singularForm );
      if ( this.props.pageObjToEdit &amp;&amp; dom ) {
          // DOESN'T GO HERE ON FIRST RENDER BECAUSE DOM IS NULL
  
          createForm( window, dom, this.props.pageObjToEdit );
      }
  }
  
  render() {
      if ( this.props.pageObjToEdit ) {
          return (
              &lt;div&gt;
                  &lt;div ref="singularForm" /&gt;
              &lt;/div&gt;
          );
      }
      else {
          return null;
      }
  }
  </code></pre>