Javascript 在Redux中添加预处理器的正确位置是什么

我已将redux添加到我的应用程序中。我想了解添加预处理器的正确位置是什么，即reducer异步调用返回的处理器数据

我有一个

fetch

函数，它是泛型的，根据传递给它的参数返回一个资源

const mapDispatchToProps = dispatch => ({
  fetchUsers: filters => dispatch(fetch('USERS')),
  fetchRegions: filters => dispatch(fetch('REGIONS'))
});

现在，一旦完成此调用，它将更新具有以下绑定的道具：

const mapStateToProps = store => ({
      users: store.users
      regions: store.regions
});

现在，在上面提到的道具更新发生之前，我想根据使用这些道具的组件对阵列的期望进行预处理

---

我应该在哪里编写预处理器。

最合理的位置可能是

组件willreceiveprops

生命周期方法。在这里，您可以检查您希望接收的数据是否已更改，如果已更改，您可以对其进行相关处理，并将结果存储在本地状态。

还原器是纯的。您可能希望研究redux thunk以处理动作生成器中的异步数据获取。sagas也可能是一种选择。如果您想要预处理数据，并且有许多其他组件以相同的方式使用相同的预处理数据，然后，您可以在从异步调用接收数据后对其进行预处理，然后将其分派。@MoritzRoessler我使用的是redux thunk，但fetch方法很常见，只返回所请求的资源（在fetch reducer中）。@Mahima所以我使用reducer来获取资源。你是说我把预处理器放在减速机里了吗？这种方法已经被弃用了。我听说会引起不必要的问题。啊，谢谢你指出这一点。现在似乎是

componentDidUpdate（prevProps、prevState、snapshot）

。