title: document.getElementById().innerHTML not getting text in ReactJS
body: <p>I rendered the date via a function called <code>renderToday()</code>. The reason I want to get the date, is so I can go left, or right from that date. And I need to change the date accordingly. </p>
  
  <pre><code>renderToday: function() {
      var today = new Date();
      return today.toDateString();
    },
  </code></pre>
  
  <p>I tried using <code>document.getElementById('date')</code>, and I set the <code>div</code> with an id of "date", and I used <code>.innerHTML</code>. Now everything below AccountsUIWrapper, doesn't show up now.</p>
  
  <pre><code>renderMoods() {
      // Get tasks from this.data.moods
      var d = document.getElementById("date");
      return (&lt;div&gt;{d.innerHTML}&lt;/div&gt;);
  },
  
  render: function() {
      return (
        &lt;div className="container"&gt;
          &lt;h1&gt;How are You?&lt;/h1&gt;
          &lt;AccountsUIWrapper /&gt;
  
          { this.data.currentUser ?
          &lt;div&gt;
          &lt;form className="your_mood" onSubmit={this.handleSubmit} &gt;
            &lt;select ref="mood"&gt;
              &lt;option value="0" disabled selected&gt;Select your Mood&lt;/option&gt;
              &lt;option value=":)"&gt;:)&lt;/option&gt;
              &lt;option value=":|"&gt;:|&lt;/option&gt; 
              &lt;option value=":("&gt;:(&lt;/option&gt;
            &lt;/select&gt;
            &lt;button type="submit"&gt;submit&lt;/button&gt;
  
          &lt;/form&gt; 
  
          &lt;div id="date"&gt;
            {this.renderToday()}
          &lt;/div&gt;
          &lt;div&gt;
            {this.renderMoods()}
          &lt;/div&gt;
          &lt;/div&gt;
          : '' 
        }
  
        &lt;/div&gt;
      );
    }
   });
  </code></pre>