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 })