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
@Gixz

1 Kontribusi 0 Poin

Dipost 4 tahun yang lalu

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban