title: React displaying message after submitting the form
body: <p>Trying to create a simple form and i am using semantic ui react. Problem is i can not display any message on the screen after form is submitted.</p>
  
  <pre><code>            &lt;Form.TextArea
                  required 
                  label="Description"
                  name="description"
                  placeholder="Your description..."
                  value={this.state.description}
                  error={this.state.descriptionError}
                  onChange={this.inputChange}
              /&gt;
              &lt;Form.Button 
                  fluid
                  color="blue"
                  disabled={
                      !this.state.term 
                      || !this.state.description
                  }
              &gt;Submit&lt;/Form.Button&gt;
  
      {!this.state.formError
          ?
          &lt;Message
              success
              header="Form completed"
              content="Thank you for your contribution."
          /&gt;
          :
          &lt;Message
              error
              header="Missing fields!" 
              list={['All fields must be filled.']}
          /&gt;
      }
          &lt;/Form&gt;
  </code></pre>
  
  <p>Edit: FormError part is here. Thanks for the replies. I will try them all </p>
  
  <pre><code>inputChange =  (e, {name, value}) =&gt; this.setState({[name]: value})
  
  formSubmit = (e) =&gt; {
      e.preventDefault();
      let error = false;
      if(this.state.description.length &lt; 10){
          this.setState({descriptionError: true})
          error=true
      }else{
          this.setState({descriptionError: false})
      }
  
      if(error){
          this.setState({formError: true})
          return
      }
  
      this.setState({formError: false})
  }
  </code></pre>