title: Focus next input once reaching maxlength value - reactjs
body: <p>these are my inputs:</p>
  
  <pre><code>&lt;input onChange={(event)=&gt;this.setState({cardNumber4:event.target.value})}  name="card4" type="text" class="form-control col-xs-3 col-sm-3" style={{paddingLeft:'0px !important;'}} required="" autocomplete="off" tabindex="4" maxlength="4" /&gt;
  &lt;input onChange={(event)=&gt;this.setState({cardNumber3:event.target.value})}  name="card3" type="text" class="form-control col-xs-3 col-sm-3" style={{paddingLeft:'0px !important;'}} required="" autocomplete="off" tabindex="3" maxlength="4" /&gt;
  &lt;input onChange={(event)=&gt;this.setState({cardNumber2:event.target.value})}  name="card2" type="text" class="form-control col-xs-3 col-sm-3" style={{paddingLeft:'0px !important;'}} required="" autocomplete="off" tabindex="2" maxlength="4" /&gt;
  &lt;input onChange={(event)=&gt;this.setState({cardNumber1:event.target.value})} name="card1" type="text" class="form-control col-xs-3 col-sm-3" style={{paddingLeft:'0px !important;'}} required="" autocomplete="off" tabindex="1" maxlength="4" /&gt;
  </code></pre>
  
  <p>now I want to go next input after filled first input (I don't want use tab or next key). How can I do?</p>