Javascript 如何在React Native上使用嵌套JSON填充平面列表

Javascript 如何在React Native上使用嵌套JSON填充平面列表,javascript,json,react-native,Javascript,Json,React Native,我是一个新的本地人,因此,Javascript和我试图了解如何检索这些数据来填充到我的平面列表中。我收到的JSON格式如下所示 [ { "18": { "sellingUnitName": "unité(s)", "qualifier": "GOOD", "sizeQualifierName": "gr.20" }, "19": { "sellingUnitName": "unité(s)", "qualif

我是一个新的本地人,因此,Javascript和我试图了解如何检索这些数据来填充到我的平面列表中。我收到的JSON格式如下所示

[
  {
    "18": {
      "sellingUnitName": "unité(s)",
      "qualifier": "GOOD",
      "sizeQualifierName": "gr.20"
    },
    "19": {
      "sellingUnitName": "unité(s)",
      "qualifier": "BAD",
      "sizeQualifierName": "gr.18-20"
    }
  }
]
下面是我的平面列表

<FlatList
    data={ this.state.dataSource }
    ItemSeparatorComponent = {this.FlatListItemSeparator}
    renderItem={({item}) => <Text>{item.sellingUnitName}</Text>}
    keyExtractor={(item, index) => index.toString()}
/>
我的问题是:如何通过循环遍历每个项并忽略第一个id(例如第一个示例中的“18”)来使用第一种格式,以便在平面列表中使用item.keyName来显示每个值?看起来我需要得到嵌套的元素,但我不知道怎么做

如果需要,这就是我获取数据的方式

fetch('https://www.mywebsite.com/test.php')
  .then((response) => response.json())
  .then((responseJson) => {
      this.setState({
        dataSource: responseJson
      };
     })
   .catch((error) => {
       console.error(error);
   });

谢谢

通过使用
Object.keys
Array.map
我们可以得到您想要的数据

let数据=[
{
"18": {
“卖方单位名称”:“单位”,
“限定符”:“好”,
“名称”:“组20”
},
"19": {
“卖方单位名称”:“单位”,
“限定符”:“坏”,
“名称”:“组18-20”
}
}
];
设dataObj=data[0];
让dataArray=Object.keys(dataObj.map)(key=>{
设obj=dataObj[key];
obj.keyName=key;
返回obj;
})
console.log(数据数组)
fetch('https://www.mywebsite.com/test.php')
  .then((response) => response.json())
  .then((responseJson) => {
      this.setState({
        dataSource: responseJson
      };
     })
   .catch((error) => {
       console.error(error);
   });