javascript - 如何过滤 redux store 的 RxJS observables？

Question

我正在使用 RxJS 来观察我的 redux 存储何时发生变化，如下所示:https://medium.com/@fahad19/streaming-redux-state-as-an-observable-with-rxjs-390a8f7bc08c

我有一个看起来像这样的对象:

 {
  commands: [
    {key: 'arrows', isEnabled: true, activeState: 1, numStates: 2 },
    {key: 'focus', isEnabled: false, hotKey: 'f' },
    {key: 'geometry', isEnabled: true, activeState: 1, numStates: 2 },
    {key: 'goToEnd', isEnabled: true },

此“命令”数组中的每个项目都成为 GUI 中的工具栏按钮。我已经编写了更改每个命令的各个属性的代码，但现在我需要监听订阅每个命令的更改。

如何获取此流并通过 commandkey 对其进行过滤，以便仅在焦点命令更改其 isEnabled 和/或 时才触发可观察对象>activeState 属性更改？

Answer 1

您可以使用distinctUntilChanged运算符仅在值更改时收到通知

store.map(state => 
   state.commands.filter(cmd => cmd.key === 'focus')[0].isEnabled)
  .distinctUntilChanged()