处理操作时调度进一步的操作

Question

我有一个场景,我觉得我需要发送一个动作来响应另一个动作,我不知道解决它的最佳方法.

响应HTTP响应调度操作,例如:

type: 'auth'
data: { username: 'tom' }

由于该响应成功,我想发送一个动作将用户发送到主页:

type: 'navigate'
date: { where: 'home' }

这对我来说似乎是一个明智的流程:这件事发生了,所以现在我希望这件事发生.麻烦的是,Flux Dispatcher不允许这样做,因为我们仍处于调度周期.我知道为什么在调度时调度是一个坏主意.

有些人已经通过多个调度员解决了这个问题,而Flux的作者似乎确信您只需要一个,并且您需要重新考虑您的商店.

我不知道如何在不模糊意图的情况下重构我的商店以促进这一点.我UserStore知道auth行动,我RouteStore知道navigate行动.关于如何改变商店以促进这一点的任何建议将不胜感激.

我觉得setImmediate它会起作用,但看起来有点脏.我还认为排队行动的调度员可能有所帮助,但我可以感觉到这可能会导致令人讨厌的问题.

最好的方法是什么？

Answer 1

您应该回顾一下如何创建此流程.

你说你需要创建一个动作来响应另一个动作,对吧？所以,我们将其命名为"ActionForwarderStore".

我们最终得到这样的流程:

AuthAction --> Dispatcher --+--> UserStore
                            |
                            +--> ActionForwarderStore --+
                                                        |
           +--------------------------------------------+
           |
           +-> Dispatcher -----> RouteStore

你看到你仍然有人知道AuthAction应该最终改变一条路线？这是ActionForwarderStore.由于Flux建议每个商店都会收听每一个行动,因此有关AuthAction路线变化结束的知识可以直接进入RouteStore.像这样:

AuthAction --> Dispatcher --+--> UserStore
                            |
                            +--> RouteStore

请记住,Flux是"创建"的,以避免MVC的不可预测性.如果您保留所有路线更改RouteStore,您只需要查看此商店代码,以了解哪些操作将导致路线更改.如果您NavigateAction阻止创建操作以响应另一个操作,您将只知道更改路由,并且您将需要查看其他存储以检查哪些存储触发此操作以响应其他存储.

这就是Flux所说的"单向流".以这种方式捕获问题很容易,因为这是唯一允许的流程.如果单击某个按钮并更改了路径,则可以确定单击调度的操作导致路由更改,没有级联操作.

Answer 2

通常,此问题的解决方案是备份并查看原始操作,并等待您尝试在第二个操作中发送的值(如果需要派生值).

因此,在这种情况下,您只会在UserStore和RouteStore中响应'auth'.