title: redux-form validation for reusable component
body: <p>Hey I try to use reduxform validation and apply validation on component that is reusable within a form and called more than once.</p>
  
  <p>but i end up with all of the comp bound to each other. not within their own context.</p>
  
  <p>the comp:</p>
  
  <pre><code>export const fields = ['myField'];
  
  const validate = values =&gt; {
      const errors = {};
  
      // just to see the error:
      errors.myField = 'error!! ';
  
      return errors;
  };
  
  class myField extends React.Component {
  
      render() {
  
          const {
              fields: { myField }
          } = this.props;
  
  
          return (
              &lt;div className="myField"&gt;
  
                  &lt;input type="text" {...myField}  /&gt;
                  {myField.touched &amp;&amp; myField.error &amp;&amp; &lt;span&gt;{myField.error}&lt;/span&gt;}
              &lt;/div&gt;
          );
      }
  }
  
  myField.propTypes = {
      fields: React.PropTypes.object.isRequired
  }
  
  myField = reduxForm({
          form: 'myform',
          fields: fields,
          destroyOnUnmount: false,
          validate
      }
  )(myField);
  </code></pre>
  
  <p>i tried to use '[]' within the name but i end up with X arrays of X components. so '[]' seems it should be used for lists but not new instances of the same component.</p>
  
  <pre><code>export const fields = ['myField'];
  </code></pre>
  
  <p>Thanks!</p>