title: Adding multiple validation in react component
body: <p>I am using one tutorial react component, where validation is baked in component. I am getting issue I can do only one type of validation, but I want to do multiple validation.</p>
  
  <p>My component's render is</p>
  
  <pre><code>    &lt;Input
            hintText={this.props.hinttext}
            placeholder={this.props.placeholder}
            value={this.state.value}
            onChange={this.onChange}
          /&gt;
  </code></pre>
  
  <p>And onChange method is this</p>
  
  <pre><code>  onChange = (evt) =&gt; {
      const name= this.props.name;
      const value = evt.target.value;
      const error = this.props.validate ? this.props.validate(value) : false;
      this.setState({value, error});
      this.props.onChange({name, value, error});
    }
  </code></pre>
  
  <p>Now I am using this in my form with following methods</p>
  
  <pre><code>          &lt;Field
              placeholder="Email"
              name='email'
              value={this.state.fields.email}
              onChange={this.onInputChange}
              validate={(val) =&gt; (isEmail(val) ? false: 'Invalid Email')}
            /&gt;
  
  </code></pre>
  
  <p>This will do validation of email, while if I need another type of validtion I can change validate like following</p>
  
  <pre><code>            validate={(val) =&gt; (val ? false : 'Name Required')}
  </code></pre>
  
  <p>All working, but I want to define both validations for one field, I am noticing it is arrow function and I should add multiple values but not sure how to do it, as I am not good in ES6. Any suggestion.</p>