React Native 是 Facebook 开发的一款跨平台的移动应用开发框架，它支持使用 JavaScript 和 React 来构建 iOS 和 Android 应用。网络请求是开发移动应用中经常会使用的一项功能，而 React Native 中提供了一些方法来方便地进行网络请求。
本文将介绍 React Native 中如何使用网络请求，包括如何发送 GET 和 POST 请求，以及如何处理网络请求的错误。我们将通过一个简单的示例来演示这些操作。
发送 GET 请求
使用 React Native 发送一个 GET 请求非常简单。我们只需要使用内置的 fetch 方法，并提供我们要访问的 URL，即可从服务器获得响应。
fetch('http://example.com/movies.json')
.then((response) => response.json())
.then((json) => {
console.log('GET 请求成功：', json);
})
.catch((error) => {
console.error('GET 请求失败：', error);
});上面的代码中，我们定义了一个 fetch 请求，并提供了要访问的 URL: http://example.com/movies.json。然后，我们使用 then 方法获取响应的 JSON 数据，并将其打印到控制台上。
如果请求失败，我们可以使用 catch 方法来捕获错误，并将其打印到控制台上。
发送 POST 请求
发送 POST 请求也非常简单。我们只需要在 fetch 的选项中设置请求类型为 POST，并提供我们要发送的数据即可。
-- -------------------- ---- -------
----- ---- - - --------- --------- --
------------------------------------------ -
------- -------
----- ---------------------
-------- - --------------- ------------------ --
--
---------------- -- ----------------
------------ -- -
----------------- ------- ------
--
-------------- -- -
------------------- ------- -------
---在上面的示例中，我们定义了一个包含用户名的数据对象，并将其作为 POST 请求的请求体发送到 http://example.com/api/createUser 上。然后，我们使用 then 方法获取响应的 JSON 数据，并将其打印到控制台上。
和 GET 请求一样，如果请求失败，我们使用 catch 方法来捕获错误，并将其打印到控制台上。
处理错误
在实际应用中，由于网络问题或者服务器问题等原因，网络请求可能会失败。因此，我们需要确保我们的应用程序能够处理这些错误情况。
-- -------------------- ---- -------
---------------------------------------
---------------- -- -
-- -------------- -
----- --- ---------------
-
------ ----------------
--
------------ -- -
-------------------- ------
--
-------------- -- -
---------------------- -------
---在上面的代码中，我们使用 response.ok 来检查响应状态是否为 200。如果不是，我们就抛出一个错误，并在 catch 块中处理这个错误。但需要注意的是，如果服务器没有返回 HTTP 状态码，例如连接超时或网络错误，response.ok 将会是 undefined，这时候我们需要手动处理这种情况。
总结
React Native 提供了内置的 fetch 方法来方便地进行网络请求。我们可以使用该方法发送 GET 和 POST 请求，并处理请求过程中可能出现的错误。上述方法可以帮助开发人员在 React Native 中轻松地进行网络请求。
示例代码中如有不清楚的地方，建议查看文档或在 React Native 社区寻求帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6454a1f6968c7c53b08735b4