title: Redux Form: Input stays with 'touched: false'
body: <p>Wanted to validate my inputs and change the CSS depending of the user interaction.</p>
  
  <p>Starting with a required validation method I wrap all my inputs component with a <code>&lt;Field&gt;</code> and pass to <code>validate</code> an array of func. Just <code>required</code> for now.</p>
  
  <p>But for all my fields the value stay the same <code>touched: false</code> and <code>error: "Required"</code>. If I touch or add stuff in the input, those values stay the same.</p>
  
  <p><strong>Validation</strong></p>
  
  <pre><code>export const required = value =&gt; (value ? undefined : 'Required')
  </code></pre>
  
  <p><strong>NameInput</strong></p>
  
  <pre><code>import React from 'react';
  import { Field } from 'redux-form'
  import InputItem from 'Components/InputsUtils/InputItem';
  import { required } from 'Components/InputsUtils/Validation';
  
  const NameInput = () =&gt; (
    &lt;Field
      name={item.spec.inputName}
      type={item.spec.type}
      component={InputItem}
      validate={[required]}
      props={item}
    /&gt;
  );
  
  export default NameInput;
  </code></pre>
  
  <p><strong>InputItem</strong></p>
  
  <pre><code>import React from 'react';
  
  const InputItem = ({ spec, meta: { touched, error } }) =&gt; {        
    const { type, placeholder } = spec;
    return (
      &lt;input
        className="input"
        type={type}
        placeholder={placeholder}
      /&gt;
    );
  };
  
  export default InputItem;
  </code></pre>