title: Handle error in react form having many fields
body: <pre><code>&lt;Form.Input
              label="Name"
              type="text"
              value={this.state.name}
              onChange={this.handleChangeName}
              /&gt;
  &lt;Form.Input
              label="Age"
              type="number"
              value={this.state.age}
              onChange={this.handleChangeAge}
              /&gt;
  &lt;Form.Input
              label="Gender"
              type="text"
              value={this.state.gender}
              onChange={this.handleChangeGender}
              /&gt;
  &lt;Button
                  className="primaryButton"
                  onClick={this.onSave}
              &gt;
              SAVE
              &lt;/Button&gt;
  
  
  handleChangeAge=(e,{value})=&gt;{
     //Set the value to state if it is greater than 1 else show error message.
  }
  
  
    handleChangeGender=(e,{value})=&gt;{
   //I have some error handling here also
  }
  
  onSave=()=&gt;{
  //Highlight the fields with errors
  }
  </code></pre>
  
  <p>I have a form as shown above.I want to validate each field of the form based on some condition.
  How can I handle the error for each field and display it when save is clicked?</p>