React native 从ReactNative中的InnerObject获取数据

我正在开发一个应用程序，使用嵌套的平面列表。在主平面列表中，我们有renderItems，在其中一个项目中，我有一个内部平面列表，我试图在renderItems中显示项目。 我有json

    {
  "data": {

    "list": [
      {
        "name":"Developer",
        "detail_values": [
          {
            "key1": "value1",
            "key2": "value2"
          },
          {
            "key1": "value1",
            "key2": "value2"
          }
        ]
      },
      {
        "name":"Developer1",
        "detail_values": [
          {
            "key1": "value1",
            "key2": "value2"
          },
          {
            "key1": "value1",
            "key2": "value2"
          }
        ]
      },
      {
        "name":"Developer2"
      },
      {
        "name":"Developer3"
      }
    ]
  }
}

从上面的json中，我如何获取“detail_values”数组对象并在内部平面列表中显示数据

在内部平面列表的renderItem方法中，我尝试使用.map和forEach。出现错误，说明无法读取未定义的属性“map”

_renderItem({ item, index }) {
    const children = item.detail_values
    return (
      <View style={styles.cardListCell}>

        <View style={styles.view}>
          {
            item.detail_values.map(data => (
              <View><Text>{data.key1}</Text></View>
            ))
          }
          <Text style={styles.countValue}>
            {index}
          </Text>
        </View>
      </View>
    )
}

\u renderItem（{item，index}）{
const children=item.detail\u值
返回(
{
item.detail_values.map（数据=>(
{data.key1}
))
}
{index}
)
}

主平面列表代码

return (
          <FlatList
            style={styles.container}
            data={this.state.cardsMainModel.cards}// here cards is an array of models
            renderItem={this._renderItem}
            horizontal={false}
            keyExtractor={this._keyExtractorInfoSection}
          />

        );

返回(
);

内部扁平表代码

<View style={styles.innerView}>
    <FlatList
                data={this.state.dataSource} //datasource has `list` array
                ItemSeparatorComponent={this.FlatListItemSeparator}
                renderItem={this._renderItem}
                ListHeaderComponent={this.renderHeader}
                keyExtractor={({ id }, index) => id}
              />
   </View>

id}
/>

{item！=未定义
？项目详细信息值映射（数据=>(
{data.key1}
))
：null}

---

试试这个。

您将

平面列表

作为

数据

传递什么？@RaviRupareliya:

列表

数组对象作为

内部平面列表

的数据仅用于调试，打印

项

并检查如何获取数据，您将了解问题的全部含义。在这种情况下，唯一的问题可能是空白值或对象代替数组。检查

detail\u值

，是否在所有记录中都得到它？谢谢@ravirupareliya请使用检查未定义的变量，这将非常有用

{item != undefined
 ? item.detail_values.map(data => (
 <View>
 <Text>{data.key1}</Text>
 </View>
 ))
 : null}