javascript - 如何让 redux store 表现得像一个可观察的？

Question

Here ，建议使用以下代码从 Redux store 创建一个可观察流，而不是直接订阅它。

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

我不知道如何将它集成到 Rx 中。如何使用这段代码实现类似 Observable.fromReduxStore 的东西？

Answer 1

对于this 已经有一个库，但是如果你想自己动手使用 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。