React Native：如何使用不同的键从JSON获取数据并显示它？

Question

我是本机和JavaScript的新手。我有看起来像这样的JSON：

okhttp MockWebServer

假设我从以下代码中获得了此JSON：

{"AB1281":{"id":"AB1281","score":90,"status":"SUCCESS"},
"CA9412":{"id":"CA9412","score":40,"status":"FAILED"},
"GG1921":{"id":"GG1921","score":80,"status":"SUCCESS"}}

如您所见，所有键都是不同的（“ AB1281”，“ CA9412”，“ GG1921”）。如何解析这些数据并将其呈现在列表视图中？

Answer 1

如果要使用FlatList，则必须有一个数组。 在这里，您有一个具有三个属性的对象。 或者，您可以使用ScrollView遍历对象属性：

<ScrollView>
  {Object.keys(dataSource).map((key, index) => (
    <Text>{data[key].id}</Text>
  ))}
</ScrollView>

正如当地医生所说，如果您的清单很长，最好使用FlatList。 参见this。