react native(八)加载网络数据 和chrome

进过一天的激烈战斗,UI界面终于成型,今天就开始加载网络数据
在官网上先看了一个短视频,发现了这个调试器chrome

1.好吧就先来说一说chrome(谷歌浏览器):
http://localhost:8081/debugger-ui打开这个网址
找到:视图-》开发者-》开发者工具 切到console目录
启动你的项目如是模拟器:command+D 选择Debug JS Remotely 就OK啦
这样就可以用console.log( )在你的项目中打印东西。

这里写图片描述

2.加载网络数据用fetch
//这是第二部分数据请求
componentDidMount() {
this.fetchData();
}
// 数据请求
fetchData() {
fetch(REQUEST_URL)
.then((response) => response.json())
.then((responseData) => {
console.log(responseData)
})
.catch((error) => {
console.error(error);
});

}
哈哈 一段代码搞定

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值