javascript - 如何使用对象的对象渲染 React Native 平面列表？

Question

我有React Native平面列表组件。我的输出数据是一个带有键和对象的对象。我需要渲染对象的键和值。你能告诉我这将是实现它的最佳方式吗？

输出对象数据:

{"BTC_BCN":{"id":7,"last":"0.00000006",
"highestBid":"0.00000005","percentChange":"0.20000000"},
"BTC_BTS":{"id":14,"last":"0.00000374",
"highestBid":"0.00000376","percentChange":"-0.02857142"},
"BTC_CLAM":{"id":20,"last":"0.00029000",
"highestBid":"0.00028119","percentChange":"-0.01854609"}}

希望结果:

      <FlatList
        data={}
        keyExtractor={}
        renderItem={() => (
          <CryptoItem
            name={key}
            highBid={data.id}
            lastBid={data.last}
            percent={data.percentChange}
          />
        )}
      />

Answer 1

将对象隐藏到数组

const test = {
  BTC_BCN: {
  id: 7,
  last: "0.00000006",
  highestBid: "0.00000005",
  percentChange: "0.20000000"
  },
  BTC_BTS: {
  id: 14,
  last: "0.00000374",
  highestBid: "0.00000376",
  percentChange: "-0.02857142"
  },
  BTC_CLAM: {
  id: 20,
  last: "0.00029000",
  highestBid: "0.00028119",
  percentChange: "-0.01854609"
  }
};

const arr = Object.keys(test).map(function(key) {
  return { key: key, ...test[key] };
});

结果数组

[ { key: 'BTC_BCN',
    id: 7,
    last: '0.00000006',
    highestBid: '0.00000005',
    percentChange: '0.20000000' },
  { key: 'BTC_BTS',
    id: 14,
    last: '0.00000374',
    highestBid: '0.00000376',
    percentChange: '-0.02857142' },
  { key: 'BTC_CLAM',
    id: 20,
    last: '0.00029000',
    highestBid: '0.00028119',
    percentChange: '-0.01854609' } ]

然后在平面列表中使用数组