react native 网络请求之fetch

fetch是react-native内部组件,不需要安装

1.创建自定义CKNet.js fetch组件类

 1 import React, { Component } from 'react';
 2 import {
 3     View,
 4     Text,
 5     StyleSheet
 6 } from 'react-native';
 7 
 8 export default class CKNet extends Component{
 9     constructor(){
10         super();
11     }
12     render(){
13         return(
14             <View>
15                 <Text>请求网络内容</Text>
16             </View>
17         )
18     }
19 
20     componentDidMount(){
21         //第一种方式
22         //1.发起网络请求
23         // fetch('')
24         // .then((response)=>response.json())
25         // .then((responseJson)=>{
26         //     console.log(responseJson);
27             
28         // })
29         // .catch((error)=>{
30         //     console.log(error);
31         // })
32         //第二种方式
33         this._getHomeFromApi();
34     }
35 
36     async _getHomeFromApi(){
37         try{
38             //注意这里的await 语句,其所在的函数必须有async关键子声明
39             let response=await fetch(
40                 ''
41             );
42             let responseJson=await response.json();
43             console.log(responseJson);
44 
45         }catch(error){
46             console.error(error);
47         }
48     }
49 }
50 
51 const styles=StyleSheet.create({
52 
53 })

 

上一篇:MySQL_fetch_array 和 MySQL_fetch_object 的区别是 什么?


下一篇:fetch的用法