多个API调用，用于在React组件中填充下拉列表

Question

我在react组件中有3个下拉列表，分别是Country，State和Region。这些下拉菜单中的每一个在填充数据方面都是独立的。

安装包装器组件时，我需要在下拉列表中填充数据。我正在使用redux进行API调用和数据提取。

我应该在组件中分派三个动作吗？在react-redux设置中如何从API响应中填充3个下拉列表？

Answer 1

API调用通常被视为异步操作。当您说每个下拉国家，州和地区的数据获取都相互独立时，最好的做法是调度三个单独的呼叫。

原因：只有在您获取数据后，才会填充下拉组件，并且所有api响应都是异步获取的。 如果您调度三个不同的操作，则当其他列表仍处于loading状态时，您可以填充一个，两个或三个下拉列表。用户可以在其他国家加载时选择国家/地区，并且不会浪费时间（用户体验更好）

注意：查看Observables，它们通过分派三个动作和一个动作来完成您的工作。可观察对象不仅限于合并请求，而且在此答案中无法解释。

Answer 2

最干净的方法是拥有一个分派其他动作的动作。这样，在您的组件中，您只需要导入和调用一个操作，然后在该操作中分派其他三个操作。

这确实意味着其他3个动作将独立执行并导致3个离散存储更新。您将不得不处理一个事实，即它们不会同时全部装入商店。