title: onChange or onBlur to change the state in ReactJs?
body: <p>//Assume am changing <code>state</code> in <code>handleChange</code> function.</p>
  
  <p>In case of <code>onChange</code> event state will update every character change.<br/></p>
  
  <pre><code>  &lt;input
      type="text"
      name="name"
      onChange={this.handleChange}
      id="name"
    /&gt;
  </code></pre>
  
  <p>In case of <code>onBlur</code> event state will update at single shot after leaving input fields.</p>
  
  <pre><code> &lt;input
     type="text"
     name="name"
     onBlur={this.handleChange}
     id="name"
   /&gt;
  </code></pre>
  
  <p>which approach is best to update the <code>state</code> in <code>React</code> and why ? </p>