Redux: Verzögerter Datei-Upload... wo sollen Datei-Objekte abgelegt werden?

Eine mögliche Lösung wäre, den Store mit store.subscribe auf Zustandsänderungen abzuhören, obwohl ich nicht sicher bin, wie ich mit connect(...) Zugriff auf store.subscribe bekomme. Vielleicht this.context.store.subscribe() ?

@olalonde Die Empfehlung, dass der Zustand serialisierbar sein sollte, ist eine weiche - sie ist nicht in Stein gemeißelt. Es existiert hauptsächlich, um ein einfaches serverseitiges Rendering und Zustands-Snapshots zu ermöglichen, da Sie in der Lage sein müssen, Ihren Zustand zu serialisieren, um ihn auf dem Client zu hydratisieren oder an einen anderen Ort zu senden. Da dies ausschließlich auf dem Client erfolgt, ist es möglicherweise nicht so schlimm, dieses Dateiobjekt kurzzeitig zur weiteren Verarbeitung zu speichern.

Und selbst wenn Sie dann Ihren Zustand serialisieren, wird ein File Deskriptor zu einem Objektobjekt serialisiert, sodass Sie keinen Serialisierungsfehler erhalten.

Vielen Dank. Am Ende habe ich meinen Upload-Action-Ersteller mit der folgenden Funktion verpackt:

waitIntroMessageShowedActionCreator.js

// delays execution of `fn` until `state.session.user.ui.introMessageShowed === true`

export const initWaitIntroMessageShowed = ({ getState, subscribe }) => (fn) => () => (
  new Promise((resolve, reject) => {
    const handleChange = () => {
      const state = getState()
      if (!state.session.user.ui) return null
      if (!state.session.user.ui.introMessageShowed) return null
      /* eslint-disable no-use-before-define */
      unsubscribe()
      return Promise
        .resolve()
        .then(() => fn())
        .catch(reject)
        .then(resolve)
    }
    const unsubscribe = subscribe(handleChange)
    handleChange()
  })
)

und in meiner Komponente:

class DragDropSignup extends Component {
  constructor(props) {
    super(props)
    const waitIntroMessageShowed = initWaitIntroMessageShowed(this.props.store)
    this.onSignupSuccess = waitIntroMessageShowed(this.onSignupSuccess.bind(this))
  }
 // ...
}
// ...

// pass store object as prop
const connectStore = () => (WrappedComponent) => {
  const ConnectStore = (props, context) => (
    <WrappedComponent store={context.store} {...props} />
  )
  ConnectStore.contextTypes = { store: React.PropTypes.object }
  return ConnectStore
}

export default connectStore()(connect()(DragDropSignup))

Hier posten, falls es für jemanden nützlich ist