title: How to save File object array in redux store?
body: <p>I want to save the file object array in redux store.</p>
  
  <p>This is the code about reducers</p>
  
  <pre><code>    case types.SET_PICTURE:
        console.log("action");
        console.log(action.newPictureFiles);
        console.log(action.newPictureDataURLs);
        return {
          ...state,
          inquiryForm: {
            ...state.inquiryForm,
            pictureFiles: [...action.newPictureFiles],
            pictureDataURLs: [...action.newPictureDataURLs]
          }
        };
  </code></pre>
  
  <p>This code is about dispatch</p>
  
  <pre><code>class Attachment extends Component {
    constructor(props) {
      super(props);
      this.state = {
        pictureFiles: this.props.pictureFiles,
        pictureDataURLs: this.props.pictureDataURLs,
        uploadedURLs: []
      };
      this.onDrop = this.onDrop.bind(this);
    }
  
    onDrop(pictureFiles, pictureDataURLs) {
      // pictureFiles = [{File object}, {File object}, {File object}]
      console.log("onDrop")
      console.log(pictureFiles);
      console.log(pictureDataURLs);
      this.props.onSetPicture(pictureFiles, pictureDataURLs)
      this.setState({
        pictureFiles: pictureFiles,
        pictureDataURLs: pictureDataURLs,
      });
    }
  </code></pre>
  
  <p>console.log( action.newPictureFiles ) print well like this[<a href="https://i.stack.imgur.com/Kkcl8.png" rel="nofollow noreferrer">File object array in chrome dbg</a>], after reducer function case types.SET_PICTURE:, redux print empty obj like this[<a href="https://i.stack.imgur.com/r7hPb.png" rel="nofollow noreferrer">redux result</a>]. Why reducers cannot save the File object in redux store. and How to fix it?</p>