Bagaimana cara menampilkan data api ke emulator android

halo, saya msh sangat newbie ttng react native, saat ini saya sedang membuat code untuk mengambil data di API covid19 dan menampilkan data tersebut ke emulator android. Code yang saya buat dibwh ini sudah dapat mengambil data API covid19, tetapi masalahny data tersebut tidak tampil ke emulator android. Jadi saya mau minta bantuan kepada semua suhu disini ttng bagaimana carany agar data yg diambil dari API dapat tampil ke emulator android. terimakasih sebelumnya... Link API covid19 indonesia : http://indonesia-covid-19.mathdro.id/api/provinsi
import React from 'react';
import { View, Text, FlatList } from 'react-native';


class List extends React.Component{
    constructor() {
        super();
        this.state = {
            indonesia: [],
            refreshing: false
        }
    }

    renderItem = ({ item }) => (
        <View>
            <Text>{item.provinsi}</Text>
            <Text>{item.kasusPosi}</Text>
            <Text>{item.kasusSemb}</Text>
            <Text>{item.kasusMeni}</Text>
        </View>
    )

    onRefresh = () => {
        this.getDataApi();
    }

    componentDidMount = () => {
        this.getDataApi();
    }

    getDataApi = async () => {
        this.setState({ refreshing: true})

        const response = await fetch("http://indonesia-covid-19.mathdro.id/api/provinsi");
        const json = await response.json();
        this.setState({ indonesia: json, refreshing: false })
    }

    render(){
        return(
            <View>
                <FlatList
                    data={this.state.indonesia}       
                    keyExtractor={item => item.fid.toString()}
                    refreshing={this.state.refreshing}
                    onRefresh={this.onRefresh}
                    renderItem={this.renderItem}
                    showsVerticalScrollIndicator={false}
                />
            </View>
        )
    }
}

export default List;
avatar Gixz

Ditanyakan oleh @Gixz

1 Kontribusi 0 Poin

Login untuk menanggapi


Jawaban

Belum ada Jawaban, jadi yang pertama

Login untuk gabung berdiskusi