Redux: विलंबित फ़ाइल अपलोड... फ़ाइल ऑब्जेक्ट कहाँ रखें?

एक संभावित समाधान store.subscribe का उपयोग करके राज्य परिवर्तनों के लिए स्टोर को सुनना होगा, हालांकि मुझे यकीन नहीं है कि connect(...) का उपयोग करके store.subscribe तक कैसे पहुंचें। शायद this.context.store.subscribe() ?

@olalonde सिफारिश है कि राज्य को क्रमबद्ध होना चाहिए एक नरम है - यह पत्थर नहीं है। यह मुख्य रूप से आसान सर्वर-साइड रेंडरिंग और स्टेट स्नैपशॉटिंग की सुविधा के लिए मौजूद है क्योंकि क्लाइंट पर इसे हाइड्रेट करने या इसे कहीं भेजने के लिए आपको अपने राज्य को क्रमबद्ध करने में सक्षम होना चाहिए। चूंकि यह विशुद्ध रूप से क्लाइंट पर किया जाता है, इसलिए आगे की प्रक्रिया के लिए उस फ़ाइल ऑब्जेक्ट को शॉर्ट-टर्म के लिए आगे बढ़ना और स्टोर करना बहुत बुरा नहीं हो सकता है।

और यहां तक ​​​​कि अगर आप अपने राज्य को क्रमबद्ध करते हैं - एक File डिस्क्रिप्टर किसी ऑब्जेक्ट ऑब्जेक्ट को क्रमबद्ध किया जाएगा, इसलिए आपको क्रमबद्धता त्रुटि नहीं मिलेगी।

धन्यवाद। मैंने अपने अपलोड एक्शन निर्माता को निम्नलिखित फ़ंक्शन के साथ लपेटना समाप्त कर दिया:

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()
  })
)

और मेरे घटक में:

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))

किसी के लिए उपयोगी होने की स्थिति में यहां पोस्ट करना