react native 网络请求之fetch

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

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

import React, { Component } from 'react';
import {
    View,
    Text,
    StyleSheet
} from 'react-native';

export default class CKNet extends Component{
    constructor(){
        super();
    }
    render(){
        return(
            <View>
                <Text>请求网络内容</Text>
            </View>
        )
    }

    componentDidMount(){
        //第一种方式
        //1.发起网络请求
        // fetch('')
        // .then((response)=>response.json())
        // .then((responseJson)=>{
        //     console.log(responseJson);
            
        // })
        // .catch((error)=>{
        //     console.log(error);
        // })
        //第二种方式
        this._getHomeFromApi();
    }

    async _getHomeFromApi(){
        try{
            //注意这里的await 语句，其所在的函数必须有async关键子声明
            let response=await fetch(
                ''
            );
            let responseJson=await response.json();
            console.log(responseJson);

        }catch(error){
            console.error(error);
        }
    }
}

const styles=StyleSheet.create({

})