React Native 入门(十二) - Fetch 网络请求

本文介绍了在React Native 0.50版本中如何使用Fetch进行网络请求,包括基本用法、请求配置以及Promise的封装,提供了一个简单的网络请求工具类的实现,帮助开发者更方便地处理异步请求。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当前 RN 版本:0.50
操作环境:Windows 10

文章同步自简书:http://www.jianshu.com/p/b3c1b4298d18

不知不觉中,RN 0.50 已经发布了。两个多礼拜没有接触 RN 了,已经忘得差不多了,赶紧再恶补一下写写博客,否则真的会忘得一干二净。这篇文章简单介绍 RN 中的网络请求。

使用 Fetch

Fetch 使用起来很简单,只需要简单的一行代码就可以实现网络请求:

fetch(url)

它还可以有第二个可选的参数,用来进行请求的配置。比如指定 header 参数、指定 GET 或 POST 方法、提交表单数据等等。可以参考 Fetch请求文档 来查看所有可用的参数。

var options = {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    firstParam: 'yourValue',
    secondParam: 'yourOtherValue',
  })
};

fetch(url, options);

发起请求之后要对请求到的数据进行处理, Fetch 使用链式调用的方式来进行操作,格式如下:

fetch('https://facebook.github.io/react-native/movies.json')
      .then((response) => {
        // 获取到
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值