Redux: تأخر تحميل الملف ... أين تضع ملف الكائنات؟

يتمثل أحد الحلول الممكنة في الاستماع إلى المتجر لمعرفة تغييرات الحالة باستخدام store.subscribe على الرغم من أنني لست متأكدًا من كيفية الوصول إلى store.subscribe باستخدام connect(...) . ربما 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))

النشر هنا في حال كان مفيدًا لشخص ما