使用React的多个AJAX请求

Question

我目前正在开发一个React应用程序，它有多个容器组件，每个容器组件在componentDidMount中向API执行AJAX请求以返回一些数据，然后将这些数据存储在每个组件的本地状态中。

我的问题是，当页面加载并同时运行多个AJAX请求时，这些请求中的每一个都是一个坏主意吗？我尝试查找并发网络请求是否存在任何浏览器限制，但很难找到任何内容。

另一种替代方法是仅在用户与组件交互时运行请求。例如如果选项卡变为活动状态，则运行该请求。

有没有人在使用React和处理AJAX请求时有任何其他方法，我已经研究过使用Redux但是认为它可能有点超过这个项目的顶部，我不确定它是否会解决这个问题手。

提前致谢！

Answer 1

在我看来，一次执行多个异步请求是可以的。很多很多网站都是这样做的。

但是，如果可以推迟通话，你应该尝试这样做。

Answer 2

答案取决于您的需求。在巨大的有效负载上加载一次是可行的，但预先形成增量的ajax调用可能是最优化的方法。除非你有耦合并且你通过单独做它们得到回调地狱，否则我没有看到你更愿意一次加载所有这些的原因。