title: Clear an input field with Reactjs?
body: <p>I am using a variable below. </p>
  
  <pre><code>var newInput = {
     title: this.inputTitle.value,
     entry: this.inputEntry.value    
  };
  </code></pre>
  
  <p>This is used by my input fields.</p>
  
  <pre><code>&lt;input type="text" id="inputname" className="form-control" ref={el =&gt; this.inputTitle = el} /&gt;   
  &lt;textarea id="inputage" ref={el =&gt; this.inputEntry = el} className="form-control" /&gt;
  &lt;button className="btn btn-info" onClick={this.sendthru}&gt;Add&lt;/button&gt;
  </code></pre>
  
  <p>Once I activate <code>{this.sendthru}</code> I want to clear my input fields. However, I am uncertain how to do so. </p>
  
  <p>Also, as shown in this example, it was pointed out to me that I should use the <code>ref</code> property for input values. What I am unclear of is what exactly does it mean to have <code>{el =&gt; this.inputEntry = el}</code>. What is the significance of <code>el</code> in this situation? </p>