如何在React Native中显示来自哈希的数据？

Question

数据：

{
    “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>     
        )
    })
}

建议任何解决方案（如果有人知道的话）。预先感谢。

Answer 1

您可以这样渲染它：

{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>
))}

Here's在世博会上的演示。

它呈现如下：

如果需要，styles.shiftLeft很简单：

const styles = StyleSheet.create({
  shiftLeft: {
    marginLeft: 15,
  }
});

Answer 2

使用FlatList进行数据迭代。您只需要在此平面列表中将Data对象传递到，它将自动进行循环。让我知道您是否需要其他帮助。