React native 如何在React Native中呈现数据以生成节列表

我是一个新手，不会用本机基对本机做出反应，我需要用本机基列表分隔器呈现数据，但我认为我做得不对。这是我的代码

const路由=[
{标题：“菜单”，内容：[“最近的文章”，“类别”]}，
{标题：“社交媒体”，内容：[“不和谐”，“抽搐”]}
];

          <List
        contentContainerStyle={{ marginTop: 120 }}
        dataArray={routes} renderRow={(data) =>
       <View>
        <ListItem itemDivider>
          <Text>{data.title}</Text>
        </ListItem>    
            <ListItem
              button
              onPress={() => this.props.navigation.navigate(data.content)}
            > 
              <Text>{data.content}</Text>
            </ListItem>
      </View>
        }></List>


{data.title}
this.props.navigation.navigate（data.content）}
> 
{data.content}
}>

结果如下

希望您能帮助我
数据。内容
是一个数组，您需要迭代以分别显示每个项目

像


{data.title}
{
（data.content | |[]）.map（值=>{
返回(
this.props.navigation.navigate（值）}
> 
{value}
)
})
}
}
/>

希望这会有帮助
 抱歉，我忘记返回列表项，将更新答案
<List
    contentContainerStyle={{ marginTop: 120 }}
    dataArray={routes} renderRow={(data) =>
      <View>
        <ListItem itemDivider>
          <Text>{data.title}</Text>
        </ListItem>
        {
           (data.content || []).map(value => {
              return (
                <ListItem
                  button
                  onPress={() => this.props.navigation.navigate(value)}
                > 
                  <Text>{value}</Text>
                </ListItem>
              )
           })
        }
      </View>
    }
/>