如何在不知道 Ract Native 中的键的情况下遍历 json 数组并打印值？

Question

目前，我使用 map 来显示带有键名的值，但 JSON 会动态变化，因此我不会知道 JSON 数组的键。如何在不知道 JSON 密钥的情况下访问它？

我的 Json：（但密钥会有所不同）

{
  "records": [{
      "DATE": "15/10/2020",
      "AMT": "103284",
      "TAX": "8958",
      "TOTAL": "112242"
    },
    {
      "DATE": "16/10/2020",
      "AMT": "2336",
      "TAX": "209",
      "TOTAL": "2545"
    }
  ]
}

当前代码：

{
  sortedData && sortedData.length > 0 ?
    sortedData.map((item, index) => {
      return (
        <>
          <View style={{ flexDirection: 'row' }}>
            <View style={styles.container2}>
              <View style={styles.item}>
                <Text>{item.DATE}</Text>
              </View>
              <View style={styles.item2}>
                <Text>{item.AMT}</Text>
              </View>
              <View style={styles.item2}>
                <Text>{item.TAX}</Text>
              </View>
              <View style={styles.item2}>
                <Text>{item.TOTAL}</Text>
              </View>
            </View>
          </View>
          <Divider />
        </>
      );
    }) : false
}

我尝试了以下代码

Answer 1

Object.keys 将为您提供对象的键，map 函数以数组格式返回键的所有值。

{Object.keys(sortedData).map(key => sortedData[key])}

这可能会有所帮助

<div>
  {arr.map(obj =>
    Object.entries(obj).map(([key, value]) => (
      <tr key={key}>
        <td>Key: {key}</td>
        <td>Activity Type: {value.activityType}</td>
        <td>DurationInSeconds: {value.durationInSeconds}</td>
      </tr>
    )))}
</div>