将平面列表与 objectMap 一起使用

【问题标题】：Using Flat List with objectMap将平面列表与 objectMap 一起使用
【发布时间】：2017-09-11 10:53:36
【问题描述】：

我使用normalizr 来规范化基于 id 的 api 响应。所以最终的归一化响应将是

{
  "names": {
    "12": {
      "Name": "ABC",
      "Status": "0",
      "Count": 11,
    },
    "31": {
      "Name": "CDE",
      "Status": "1",
      "Count": 12,
    }
  }
}

我如何在平面列表中使用此名称对象映射。它不是一个数组，而是一个对象映射。
最好的方法是什么？

PS：我知道有 lodash _.values() 功能，但我认为它会因为巨大的响应而变慢。

【问题讨论】：

标签： reactjs react-native foreach react-native-flatlist

【解决方案1】：

首先你可以改变你的对象以返回一个带有Object.keys的数组

这是你的数据

{
  "names": {
    "12": {
      "Name": "ABC",
      "Status": "0",
      "Count": 11,
    },
    "31": {
      "Name": "CDE",
      "Status": "1",
      "Count": 12,
    }
  }
}

你可以这样做

const dataname = data.names
const datanamearr = Object.keys(dataname).map(key => dataname[key])

这将返回一个数组

然后您可以使用地图功能将您的数据呈现给FlatList

{datanamearr.map((item) =>
    <FlatList
      data={item}
      renderItem={({item}) => <Text>{item.Name}</Text>}
    />
  )
}

【讨论】：