React Native 是一种流行的跨平台移动应用开发框架，它允许开发人员使用 JavaScript 和 React 构建原生应用。在 React Native 中，我们经常需要使用网络请求来从服务器获取数据。Axios 是一个流行的 JavaScript 库，它提供了简单且强大的 API，用于执行 HTTP 请求。在本文中，我们将介绍如何在 React Native 中使用 Axios 进行网络请求。
安装 Axios
在使用 Axios 之前，我们需要先将其安装到我们的 React Native 项目中。我们可以使用 npm 或 yarn 来安装 Axios。在终端中，切换到项目目录并输入以下命令：
npm install axios
或
yarn add axios
安装完成后，我们就可以在项目中使用 Axios 来执行 HTTP 请求。
发送 GET 请求
Axios 提供了一组简单的 API，用于发送各种类型的 HTTP 请求。我们可以使用 Axios.get() 方法来发送 GET 请求。以下是一个简单的示例，它从服务器获取一些 JSON 数据：
-- -------------------- ---- -------
------ ----- ---- --------
---------------------------------------------------------
-------------- -- -
---------------------------
--
------------ -- -
-------------------
---在上面的示例中，我们使用 Axios.get() 方法来发送 GET 请求。传递给该方法的参数是要请求的 URL。然后，我们使用 then() 方法来处理响应数据，使用 catch() 方法来处理错误。在这个例子中，我们只是将响应数据打印到控制台上。
发送 POST 请求
我们可以使用 Axios.post() 方法来发送 POST 请求。以下是一个示例，它将一些数据发送到服务器：
-- -------------------- ---- -------
------ ----- ---- --------
----- ---- - -
----- ----- -----
------ ---------------------
--
------------------------------------------- -----
-------------- -- -
---------------------------
--
------------ -- -
-------------------
---在上面的示例中，我们使用 Axios.post() 方法来发送 POST 请求。传递给该方法的第一个参数是要请求的 URL，第二个参数是要发送的数据。然后，我们使用 then() 方法来处理响应数据，使用 catch() 方法来处理错误。
发送 PUT 和 DELETE 请求
我们可以使用 Axios.put() 和 Axios.delete() 方法来发送 PUT 和 DELETE 请求。以下是一个示例，它将更新服务器上的一些数据：
-- -------------------- ---- -------
------ ----- ---- --------
----- ---- - -
----- ----- -----
------ ---------------------
--
-------------------------------------------- -----
-------------- -- -
---------------------------
--
------------ -- -
-------------------
---
-----------------------------------------------
-------------- -- -
---------------------------
--
------------ -- -
-------------------
---在上面的示例中，我们使用 Axios.put() 方法来发送 PUT 请求。传递给该方法的第一个参数是要请求的 URL，第二个参数是要发送的数据。然后，我们使用 then() 方法来处理响应数据，使用 catch() 方法来处理错误。
我们还使用 Axios.delete() 方法来发送 DELETE 请求。传递给该方法的参数是要请求的 URL。然后，我们使用 then() 方法来处理响应数据，使用 catch() 方法来处理错误。
配置 Axios
Axios 还提供了一些配置选项，用于自定义请求和响应的行为。我们可以在创建 Axios 实例时传递这些选项。以下是一个示例，它配置了 Axios 实例以使用自定义的超时和请求头：
-- -------------------- ---- -------
------ ----- ---- --------
----- -------- - --------------
-------- -----
-------- -
---------------- ------- - - ------
--------------- ------------------
-
---
---------------------------------------------
-------------- -- -
---------------------------
--
------------ -- -
-------------------
---在上面的示例中，我们使用 Axios.create() 方法创建了一个自定义的 Axios 实例。我们传递给该方法的选项是一个包含 timeout 和 headers 的对象。timeout 选项用于设置请求超时时间（以毫秒为单位），headers 选项用于设置请求头。然后，我们使用新创建的 Axios 实例来发送请求。
结论
Axios 是一个流行的 JavaScript 库，它提供了简单且强大的 API，用于执行 HTTP 请求。在 React Native 中，我们可以使用 Axios 来从服务器获取数据。在本文中，我们介绍了如何在 React Native 中使用 Axios 进行网络请求，并提供了一些示例代码。希望这篇文章可以帮助你更好地理解如何在 React Native 中使用 Axios 进行网络请求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675544e11b963fe9cc53a8c7