Postingan lainnya
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;
0
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban