Tengo un archivo json
pero a veces este archivo no tiene la imagen.
A veces este item del archivo está vacío:item.better_featured_image.media_details.sizes.medium.source_url
render() {
const { loading, posts } = this.state;
if (loading) {
return (
<View style={styles.container}>
<Text>Cargando .....</Text>
</View>
);
}
categorie_title = this.props.navigation.getParam("categorie_name");
return (
<View>
<FlatList
data={this.state.posts}
renderItem={({ item }) => (
<TouchableOpacity
onPress={() =>
this.props.navigation.navigate("Noticia", {
post_id: item.id,
})
}
>
<Card>
<Card.Content>
<Title>{item.title.rendered}</Title>
</Card.Content>
<Card.Cover
source={{
uri:
item.better_featured_image.media_details.sizes.medium
.source_url
}}
/>
<Card.Content>
<HTML html={item.excerpt.rendered} />
</Card.Content>
</Card>
</TouchableOpacity>
)}
keyExtractor={item => item.id.toString()}
/>
</View>
);
}
Solo necesito un condicional - if
.
La pregunta era si este componente item.better_featured_image.media_details.sizes.medium.source_url
está vacío, no muestre la imagen.
Esta pregunta también esta en el sitio en ingles: https://stackoverflow.com/q/59904929/2400373