title: Only render a react component when I on submit from a form
body: <p>I'm having trouble wrapping my head around only rendering a component after form data is submitted.</p>
  
  <p>So I have an app that has the basic render:</p>
  
  <pre><code>(&lt;div&gt;
    &lt;form onSubmit={this.onSubmit.bind(this)}&gt;
    &lt;/form&gt;
    &lt;Results/&gt;
  &lt;/div&gt;);
  </code></pre>
  
  <p>The idea is that onSubmit would dump some data into the <code>Results</code> component only at the time of submission.</p>
  
  <p>Now I'll be honest the app would have values already within its state:</p>
  
  <pre><code>this.state = {
    length : 0,
    timeInSeconds: 0
  }
  </code></pre>
  
  <p>So, I'd only want it to render or re-render this object when a user clicks the submit button and the onSubmit method executes.</p>
  
  <p>I'm sorry this isn't clicking for me, but any advice or direction would be awesome!</p>
  
  <p>Thanks,
  Kelly</p>