Данные:
{
“services”:[
{id: 1, title: ”title 1”},
{id:3, title:”title 3”},
{id:4, title:”title 4”}
],
“Blogs”:[
{id:2 title:”title 2”},
{id:5, title:”Services”}
]
}
Я хочу отобразить эти данные на экране как
services :
id: 1, title: ”title 1”
id:3, title:”title 3”
id:4, title:”title 4”
Blogs :
id:2 title:”title 2”
id:5, title:”Services”
Я написал приведенный ниже код, но затем получил значение ключа, но не массив этого ключа.
{
Object.keys(data).forEach(function(key)
{
return (
<Text>{key}</Text>
)
})
}
предложите любое решение, если кто-нибудь его знает. Заранее спасибо.



Используйте FlatList для итерации данных. Вам просто нужно передать объект Data в этот плоский список, и он автоматически создаст цикл. Дай мне знать, если тебе понадобится другая помощь.
Вы можете сделать это так:
{Object.entries(data).map(([key, value]) => (
<View>
<Text>{`${key} :`}</Text>
<View style = {styles.shiftLeft}>
{ value.map(({ title, id}) => <Text key = {id}>{`id: ${id}, title: "${title}"`}</Text>)}
</View>
</View>
))}
Вот демонстрация на ЭКСПО.
Это выглядит так:
При необходимости styles.shiftLeft просто:
const styles = StyleSheet.create({
shiftLeft: {
marginLeft: 15,
}
});
services.map((item, i) => {return ( <Text>{item}</Text> )попробуйте вот так