Redux Observables / RxJS：如何制作基于 if / else 返回不同动作的史诗？

Question

我正在尝试使用以下方式将我的应用与应用内购买挂钩：https://github.com/chirag04/react-native-in-app-utils

我有一个史诗，如果成功，我想发出成功，如果失败，我想发出失败。像这样的：

import 'rxjs';
import { InAppUtils } from 'NativeModules';

import * as packagesActions from '../ducks/packages';
import * as subscriptionActions from '../ducks/subscription';

export default function createSubscription(action$, store) {
  return action$.ofType(packagesActions.SELECT)
    .mergeMap(action => {
      const productId = action.payload;
      InAppUtils.purchaseProduct(productId, (error, response) => {
        if(response && response.productIdentifier) {
          return subscriptionActions.subscribeSuccess();
        } else {
          return subscriptionActions.subscribeFailure();
        }
      });
    });
};

但是我不确定如何编写mergeMap 的内容。有没有办法做到这一点？

Answer 1

InAppUtils.purchaseProduct 似乎使用了 Node 风格的回调。有一个 RxJS 静态方法可用于从此类 API 调用创建一个 observable：bindNodeCallback。

在您的mergeMap 中，您应该能够执行类似的操作

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/bindNodeCallback';
import 'rxjs/add/observable/of';

...
.mergeMap(action => {
  const productId = action.payload;
  const bound = Observable.bindNodeCallback((callback) => InAppUtils.purchaseProduct(productId, callback));
  return bound()
    .map(response => subscriptionActions.subscribeSuccess())
    .catch(error => Observable.of(subscriptionActions.subscribeFailure()));
});