title: How to submit a form as soon as all inputs are filled in React?
body: <p>I have a form like this(simplified):  </p>
  
  <pre><code>handleSubmit(e){
     e.preventDefault();
  }
  render(){
     return (
         &lt;form onSubmit={this.handleSubmit.bind(this)}&gt;
            &lt;input type="text" maxLength="1"/&gt;
            &lt;input type="text" maxLength="1"/&gt;
            &lt;input type="text" maxLength="1"/&gt;
            &lt;input type="text" maxLength="1"/&gt;
         &lt;/form&gt;
     )
  }
  </code></pre>
  
  <p>As you can see, there is no button to submit a form since I want to automatically submit a form when a user filled all inputs.<br>
  Also, just to be clear, I'm <strong>not</strong> trying to find out how to submit a form with enter key.</p>
  
  <p>How can I achieve this?</p>