Javascript 异步状态更新

Question

我正在尝试考虑这个用例的最佳实践：

我有一个内部状态：results[]，它将用于在渲染中显示数据。

然后，我需要并行调用 3 个 API，然后将它们合并并排序到 results[] 中，最后渲染它。

我正在使用 axios 来调用 API，但我不想使用 axios.all，因为我需要在 3 个 API 都返回时显示 results[]，这样看起来会更快。

我遇到了问题，因为每次我使用 this.setState() 用新数据更新 results[] 时，后面的操作总是看到旧的 results[]; this.setState() 不会立即被应用..

最好的方法是什么？

Answer 1

由于 Javascript 在单线程上运行，因此永远不会出现竞争条件。保证在任何时候都只会运行一个异步回调，因为单个线程不能同时执行两者。下一个异步回调将安排在稍后运行。在一次函数调用中，您可以确信您是唯一处理某些数据的人。

数据可能在不同的时间进来，但如果你每次收到新数据时只是简单地合并和排序数据，那将是原子的。