问如何侦听组件中的redux操作流

EN

我正在开发一个使用以下架构的React应用程序：

• redux
• typesafe-actions
• redux-observable

我的问题是:如何对特定的redux操作执行UI操作？

例如，假设我们使用typesafe-actions定义了以下异步操作

export const listTodo = createAsyncAction(
  'TODO:LIST:REQUEST',
  'TODO:LIST:SUCCESS',
  'TODO:LIST:FAILURE',
)<void, Todo[], Error>();

Epic将监视listTodo.request()并发送API调用，然后将响应转换为listTodo.success()操作。然后，redux还原器将被listTodo.success()操作触发，并将todo列表存储到redux存储中。

在此设置中，假设我想在组件中执行以下操作：

• 分派一个listTodo.request()操作以检索所有操作
• 在异步请求完成后(即在listTodo.success()操作出现在操作流中之后)，将UI重定向到第二个路径

所以我的问题是，我如何观察动作流并对listTodo.success()动作作出反应？

更新：为了避免过于具体，我们可以考虑另一种情况。在动作流中出现window.alert()后，我想简单地用listTodo.success()显示一个警告。或者仅仅是console.log()，或者任何改变本地状态的东西(而不是全局redux状态)。有什么方法可以实现吗？

更新2:有一个类似的问题here，但是对于角w/ ngrx。我想要做的正是上面的文章所描述的事情，但以反应/还原--可观察的方式：

import { Actions } from '@ngrx/effects';

@Component(...)
class SomeComponent implements OnDestroy {
    constructor(updates$: Actions) {
        updates$
            .ofType(PostActions.SAVE_POST_SUCCESS)
            .takeUntil(this.destroyed$)
            .do(() => /* hooray, success, show notification alert ect..             
            .subscribe();
    }

}