React Native — REST API 调用

React Native — REST API 调用

React Native/JS Shorts 的一部分：切中要害 |简单的

1.0 获取

• fetch API 是一个现成的 JS 函数。
• 我们可以使用它在我们的 React Native 应用程序中进行 REST API 调用。
• 它返回一个可能解析为响应对象的 Promise。

2.0 用法

2.1 获取请求

• 我们可以简单地提供 URL，然后 fetch 会为我们发出一个 get 请求。

  fetch('https://api.coingecko.com/api/v3/coins/markets?vs_currency=aud');

• 然后我们还可以决定如何处理响应。

  获取（'https://api.coingecko.com/api/v3/coins/markets?vs_currency=aud'）。
  然后（（响应）=> response.json（））。
  然后。（（数据）=>数据）。
  捕捉（（错误）=> 日志错误（错误））；

• 上面的代码从提供的 URL 中获取数据，将响应转换为 JSON 对象，然后返回它，如果有错误，调用日志错误函数报告它。

2.2 发布请求

• 我们可以发出如下所述的发布请求：

  获取（网址，{
  方法：'POST'，
  标题：{
  “内容类型”：“应用程序/json”
  },
  正文： JSON.stringify(myRequestObject)
  });

• 然后我们可以再次选择处理响应

  获取（网址，{
  方法：'POST'，
  标题：{
  “内容类型”：“应用程序/json”
  },
  正文： JSON.stringify(myRequestObject)
  }）。
  .then((response)=> response.json())
  .then((数据)=> {
  console.log('耶成功:',data);
  })
  .catch((error)=> logError(error));

• 上面的代码通过添加一个包含 post、headers 和 body 参数的对象来发出 post 请求，将响应转换为 JSON 对象然后返回它，如果有错误，调用 log 错误函数报告它。

2.3 PUT 请求

• 可以按如下方式发出 PUT 请求。

  获取（网址，{
  方法：'PUT'，
  正文：数据更新
  })
  .then((response)=> response.json())。
  .then((数据)=> {
  console.log('耶成功:',data);
  })
  .catch((error)=> logError(error));

2.4 删除请求

• 删除请求可以如下进行

  获取（网址，{
  方法：'删除'，
  })
  .then((response)=> response.json())。
  .then((数据)=> {
  console.log('删除成功：',data);
  })
  .catch((error)=> logError(error));

这就是这个

你可以找到我
领英 — https://www.linkedin.com/in/knowabdur
推特：——https://twitter.com/Abdur_Developer

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/38034/08432011