title: dispatch a custom action on redux-form when onchange select
body: <p>Given a custom component: </p>
  
  <pre><code>export const RenderDropDown = (props) =&gt; {
      const {values, input, label, type, meta: {touched, error, active}} = props;
  
      var options = function (value, index) {
          return &lt;Option key={index}
                         value={value} /&gt;
      };
  
      return(
          &lt;div&gt;
          &lt;select {...input}&gt;
              &lt;option value=""&gt;--- Select a nationality ---&lt;/option&gt;
              {values.map(options)}
          &lt;/select&gt;
          &lt;/div&gt;
      )
  }
  </code></pre>
  
  <p>Wrapped in a Redux-form Field component</p>
  
  <pre><code>&lt;Field name="nationality" component={RenderDropDown} values={props.nationalities}/&gt;
  </code></pre>
  
  <p>I want that when <code>select</code> fires "onChange" event, a custom action is dispatched besides the Redux-form action (AKA @@redux-form/change)</p>
  
  <p>How I can achieve this? </p>
  
  <p>I tried to pass by props the function to call and set an onChange handler on <code>&lt;select&gt;</code> tag but this overrides the redux-form onChange.</p>
  
  <p>Any help appreciated! </p>