在ReactElements中处理数据对象

Question

我正在从API中检索以下数据对象

channels: [{
  label: 'X',
  key: 'topic',
  count: 3,
  messages: {
    '0': {
      foo: 'X',
    },
    '1': {
      foo: 'X',
    },
    '2': {
      foo: 'X',
  },
},]

现在我需要迭代对象中的消息，以返回变量"foo“。由于可以有多个通道，并且每个通道可以有多个消息，因此我的方法是：

channels.map(channel => channel.messages.map(message => message.foo)

React输出错误"TypeError: channel.messages.map不是一个函数“。我猜问题是我在一个对象上使用了Map-Function，而不是一个实际的数组，但我不知道如何解决这个问题。

我很感谢你的建议。

Answer 1

变化

channels.map(channel => channel.messages.map(message => message.foo)

至

channels.map(channel => Object.values(channel.messages).map(message => message.foo)

而且它起作用了。多亏了raina77ow，请参阅MDN上Object.values()的定义