title: Redux-form and the handleSubmit, onSubmit chaos
body: <p>I'm trying to wrap my head around redux-form and it's onSubmit, handleSubmit. </p>
  
  <blockquote>
    <p>I have a component (see below) which has it's own local state and should handle it's own submit.</p>
  </blockquote>
  
  <pre><code>// NoteForm.js
  class NoteForm extends Component {
  
      state = {
          tags: []
      };
  
      handleAddItem = (e, {value}) =&gt; {
          this.setState({
              tags: [{text: value, value}, ...this.state.tags],
          });
      };
  
      render() {
          return (
              &lt;Form onSubmit={this.props.handleSubmit}&gt;
  
                  &lt;Field
  
                      name='description'
                      component={TextAreaField}
                      maxLength='5'
                      label='Description'/&gt;
  
                  &lt;Field
                      name='tags'
                      onAddItem={this.handleAddItem}
                      component={DropdownField}
                      label='Tags'/&gt;
  
                  &lt;Form.Field control={Button} primary className='submit-btn' type='submit'&gt;
                      Login
                  &lt;/Form.Field&gt;
              &lt;/Form&gt;
          );
      }
  }
  
  const mapDispatchToProps = () =&gt; ({
      handleSubmit: note =&gt; console.log(note)//dispatch(addNote(note))
  });
  
  export default reduxForm({form: 'noteForm', validate})(connect(null, mapDispatchToProps)(NoteForm));
  </code></pre>
  
  <h2>But for some reason I keep receiving the Proxy Event instead of the values.</h2>
  
  <p>Any idea what I'm missing here?</p>