Redux Observable：如何在 Promise 中返回一个动作？

Question

我有一部史诗：

export default function uploadImage(action$, store) {
  return action$.ofType(userActions.UPLOAD_IMAGE)
    .mergeMap(action => {
      ...
      RNFetchBlob.fs.readFile(uploadUri, 'base64').then(data => {
        firebaseRef.putString(data).then(snapshot => {
          console.log('Uploaded a blob or file!');
          return Observable.of(userActions.updateImageURL(snapshot.downloadURL)); //<----------
        })
      });
    })
};

但是，这会引发 You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable. 的原因。

我如何将回调封装在一个 observable 中，这样史诗就不会中断？

Answer 1

除了 Maxime 的回答之外，在您的示例中，实际问题似乎是您并没有真正返回 Promise！您需要返回它或切换到使用箭头的隐式返回语法

export default function uploadImage(action$, store) {
  return action$
    .ofType(userActions.UPLOAD_IMAGE)
    .mergeMap(action => {
      return Observable // don't forget to return this chain!
        .fromPromise(RNFetchBlob.fs.readFile(uploadUri, 'base64'))
        .map(data => {
          firebaseRef.putString(data).then(snapshot => {
            console.log('Uploaded a blob or file!');
            return userActions.updateImageURL(snapshot.downloadURL);
          })
        });

这是一个很常见的错误，我们都经历过！

Answer 2

大概是这样的：

export default function uploadImage(action$, store) {
  return action$
    .ofType(userActions.UPLOAD_IMAGE)
    .mergeMap(action => {
      ...
      Observable
        .fromPromise(RNFetchBlob.fs.readFile(uploadUri, 'base64'))
        .map(data => {
          firebaseRef.putString(data).then(snapshot => {
            console.log('Uploaded a blob or file!');
            return userActions.updateImageURL(snapshot.downloadURL);
          })
        });