如何使redux存储表现为可观察的？

Question

在这里 ，建议使用以下代码从Redux存储中生成可观察的流，而不是直接订阅它。

function toObservable(store) {
  return {
    subscribe({ onNext }) {
      let dispose = store.subscribe(() => onNext(store.getState()));
      onNext(store.getState());
      return { dispose };
    }
  }
}

我无法弄清楚如何将其集成到Rx中。 如何使用此代码实现Observable.fromReduxStore东西？

Answer 1

对于一个已经存在的库本 ，但如果你想推出自己与RxJS工作。 （免责声明：未经测试）

Rx.Observable.fromReduxStore = function(store) {
  return Observable.create((observer) => {
    let dispose = store.subscribe(() => observer.next(store.getState()));
    observer.next(store.getState());
    return dispose;
  });
};

作为一个特殊说明根据版本使用的是RxJS V4 Observer使用onNext而V5是next 。