title: Get React to display individual error messages under form input field
body: <p>I'm submitting a form that returns an array of errors and I'm having trouble figuring out how to get each individual error to appear under the correct input field. Right now all the errors print under each input field.  I'm using <code>react-bootstrap</code>. Any help would be appreciated.</p>
  
  <pre><code>getValidationState() {
    var errors = this.state.errors;
    if (!$.isEmptyObject(errors))
    {
      errors.forEach(function(error) {
        console.log("error:", error.name);
      });
    }
  }
  
  render() {
    const inputProps = {
      value: this.state.address,
      onChange: this.onChange,
    }
    return (
      &lt;form onSubmit={this.handleSubmit.bind(this)}&gt;
        &lt;FormGroup
          validationState={this.getValidationState()} &gt;
          &lt;FormControl
            type="text"
            name="firstName"
            value={this.state.firstName}
            placeholder="First name"
            onChange={this.handleChange}
          /&gt;
          &lt;FormControl.Feedback /&gt;
          {this.state.errors &amp;&amp; this.state.errors.length &amp;&amp;
            &lt;HelpBlock&gt;
              {this.state.errors.map((error, i) =&gt; &lt;p key={i}&gt;HEllo{error.value}&lt;/p&gt;)}
            &lt;/HelpBlock&gt;
          }
  
  
        &lt;/FormGroup&gt;
        &lt;FormGroup &gt;
          &lt;FormControl
            type="text"
            name="lastName"
            value={this.state.lastName}
            placeholder="Last name"
            onChange={this.handleChange}
          /&gt;
          {this.state.errors &amp;&amp; this.state.errors.length &amp;&amp;
            &lt;HelpBlock&gt;
              {this.state.errors.map((error, i) =&gt; &lt;p key={i}&gt;HEllo{error.value}&lt;/p&gt;)}
            &lt;/HelpBlock&gt;
          }
        &lt;/FormGroup&gt;
  
  
        &lt;FormGroup &gt;
          &lt;Button type="submit"&gt;
            Save
          &lt;/Button&gt;
        &lt;/FormGroup&gt;
      &lt;/form&gt;
    )
  }
  </code></pre>