Redux: 지연된 파일 업로드... 파일 개체를 어디에 둘 것인가?

한 가지 가능한 해결책은 connect(...) 사용하여 store.subscribe 에 액세스하는 방법을 잘 모르지만 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))

누군가에게 유용할 경우를 대비하여 여기에 게시합니다.