Я работаю в React Native с серверной частью MongoDB. Я подключаю MongoDB к приложению Stitch. У меня есть коллекция в MongoDB в формате ниже.
введите описание изображения здесь
Я получаю коллекцию, и она отображается в формате ниже, когда я делаю console.log.
[
Object {
"_id": "5eed178272351f00172806db",
"classifications": Array [
Object {
"_id": "5eed178272351f00172806dc",
"class_name": "church, church building",
"probability": Object {
"$numberDecimal": "0.9816869497299194",
},
"probability_percent": "98.16869497299194%",
},
Object {
"_id": "5eed178272351f00172806dd",
"class_name": "monastery",
"probability": Object {
"$numberDecimal": "0.008787916973233223",
},
"probability_percent": "0.8787916973233223%",
},
Object {
"_id": "5eed178272351f00172806de",
"class_name": "beacon, lighthouse, beacon light, pharos",
"probability": Object {
"$numberDecimal": "0.004029568750411272",
},
"probability_percent": "0.4029568750411272%",
},
],
"image_url": "https://static01.nyt.com/images/2020/01/04/us/03METHODIST/03METHODIST-mobileMasterAt3x.jpg",
"user_id": "5eed13660ab978001756691f",
},
....
]
Я не могу l oop через пункт. Я использую приведенный ниже код. но я получаю сообщение об ошибке
Предупреждение: сбойный тип дочернего контекста: недопустимый дочерний контекст virtualizedCell.cellKey
типа object
передан в CellRenderer
, ожидается string
.
<View style={styles.centered}>
{myData ? (
<FlatList
data={myData}
keyExtractor={(item) => item._id}
renderItem={(itemData) => {
return (
<Image
style={{ width: 100, height: 100 }}
key={itemData.item._id}
source={{ uri: itemData.item.image_url }}
/>
);
}}
/>
) : null}
<Button
title="Go to Details"
onPress={() => navigation.navigate("Details")}
/>
</View>
Я думаю, это связано с ключевыми словами Object и Array, присутствующими в содержимом myData. Как его убрать? или есть ли возможность отобразить контент?