@ngrx/effects调度操作

Question

我是ngrx/store和effects的新手，所以我仍然不了解分派操作的流程：

1. 动作->效应->减速器->存储
2. 动作->减速器->效果->减速器->存储

我的问题是，当我调用store.select()时，我发现这个动作被发送了两次，这就是我所做的测试：

减速器函数

switch (action.type) { 
  ...
  default: { 
    console.log('In reducer function'); 
    return state; 
  }
}

效果类构造函数

constructor( private action$: Actions ) { 
  console.log('in effect constructor'); 
}

和我在控制台里得到的

In reducer function
in effect constructor
In reducer function

Answer 1

尝试登录还原器，不仅是一条消息，而且是action.type，然后您可以看到它有两个不同的操作：store init和effects init。

当您分派一个action时，它首先发送给effects，然后发送到reducer，reducer可以更新相关的state。

通常，人们分派一个负载动作，它在一个效果中被处理，影响加载数据并返回一个带有有效载荷的成功动作，然后还原器接收成功动作并将有效载荷设置为它的状态。