title: Redux form - how to pass UPDATED props to validation function?
body: <p>I have a couple fields in my component, most of which are explicitly named. However, I have a button that dynamically adds tickets with an id, for example <code>ticket1</code>, <code>ticket2</code>, etc. These tickets are stored in an array and available via <code>this.props</code></p>
  
  <p>In my validate function, however, I am not sure how to reference/loop through the list of tickets and run any validations, mainly because I am not sure how to pass down these <strong>updated</strong> field values to the validate function. on page load, it takes the current state of props. however, when I add a ticket, update this.props, and click a submit button, the validate function has a prior version of this.props which I cant seem to update.</p>
  
  <p>Here is mine below</p>
  
  <pre><code>const validate = values =&gt; {
    const errors = {}
    if (!values.eventTitle){
      console.log('here', values)
      errors.eventTitle = 'Event title required'
    }
  
    // below, can't do this since I don't know if there tickets in advance
  
    // loop over tickets array and determine errors
    // ...
    return errors
  }
  
  export default validate
  </code></pre>
  
  <p>and then</p>
  
  <pre><code>const mapStateToProps = (state) =&gt; {
    return {
      tickets: state.event.get('tickets')
    }
  }
  
  const EventFieldsWrapper = reduxForm({
    form: 'EventFields',
    validate,
    onSubmitFail: (errors) =&gt; scrollToFirstError(errors),
  })(EventFields)
  
  ... connect component and redux-form
  </code></pre>