React Native - 同步调用restful API

Question

我知道 React Native 使用 JS 做事方式，即异步调用函数。所以这也适用于 API“获取”功能。但是，出于某种原因，我需要使 API“获取”同步。

这就是我想做的。该应用程序有一个项目列表。它必须遍历项目，对于每个项目，我需要构造 URL，然后根据构造的 URL 调用“获取”以获取响应（例如，如果我有 5 个项目，它将调用 API 5 次，其中每个调用的 URL 都有不同的参数）。一旦成功接收到所有列表项的响应，我就需要做其他事情，例如更新某些状态（状态取决于是否返回所有响应）。

请注意，我无法控制后端，即无法更改 URL 端以进行批量调用。

问题是，如何在 React Native 中进行同步调用？

Answer 1

您可以使用 XMLHttpRequest 对象同步调用。

var request = new XMLHttpRequest();

request.open('GET', 'https://mywebsite.com/endpoint.php', false); // third parameter  FALSE makes Synchronous HTTP request
request.send(null);

if (request.status === 200) {
  console.log(request.responseText);
}

或

您将获得许多提供同步 api 调用的 npm 模块。

希望对你有帮助。