title: Use of dropzone-react-component with redux form
body: <p>I'm using react to design a simple webpage uploading multiple images using <a href="https://github.com/felixrieseberg/React-Dropzone-Component" rel="nofollow noreferrer">dropzone-react-component</a> and submitting to a server using reducer-dispatcher pattern (REDUX).</p>
  
  <p>Stuck on how to pass on my file blobs or array of files queued up in dropzone to the reducer. </p>
  
  <p>Please find the codes for the reference:</p>
  
  <ol>
  <li><p>React Component Class</p>
  
  <pre><code>class ImageUploadClass extends Component {
  constructor(props){
    super(props);
  this.djsConfig = {
        addRemoveLinks: true,
        acceptedFiles: "image/jpeg,image/png,image/gif,application/pdf",
        autoProcessQueue: false
    };
    this.componentConfig = {
        iconFiletypes: ['.jpg', '.png', '.gif','.pdf'],
        showFiletypeIcon: true,
        postUrl: 'no-url'
    };
    this.dropzone = null;
  }
  
     handleFileAdded(file) {
         console.log(file);
       }
  
     handlePost() {
      console.log('Final Array'+this.dropzone.getQueuedFiles());
     }
  
    render() {
      const {handleSubmit, pristine, reset, submitting} = this.props;
      const config = this.componentConfig;
      const djsConfig = this.djsConfig;
      const eventHandlers = {
          init: dz =&gt; this.dropzone = dz,
          addedfile: this.handleFileAdded.bind(this)
      }
      return (
        &lt;form onSubmit={handleSubmit(imagesSubmit)}&gt;
          &lt;div style={{'cursor':'pointer'}}&gt;
          &lt;DropzoneComponent config={config} eventHandlers={eventHandlers} djsConfig={djsConfig} /&gt;
          &lt;/div&gt; 
          &lt;button  className="next action-button" ref={submit =&gt; this.submit = submit} type="submit" disabled={submitting} onClick={this.handlePost.bind(this)}&gt;Submit&lt;/button&gt;
        &lt;/form&gt;
      );
    }
  }
  ImageUploadClass = reduxForm({
    form: 'ImageUploadClass'
  })(ImageUploadClass);
  
  export default ImageUploadClass;
  </code></pre></li>
  </ol>
  
  <p>Note: Constant function defined for form submission</p>
  
  <pre><code>const imagesSubmit = (values,dispatch) =&gt;{
       this.dropzone.getQueuedFiles();
        return dispatch(submitFunctionToDispatcher(values));
      }
  </code></pre>
  
  <p>Request is reached to the dispatcher but image files are not retrieved. Do I need to define a component for the same as defined for other redux fields?</p>
  
  <p>OR If anyone can suggest me to upload the files directly to S3?</p>
  
  <p>Any help would be appreciated!</p>