Question

在哪里以及如何使用平面列表在本地反应中使用此Array.prototype.flat？

这很好

<FlatList         
          data={data}
          renderItem={({ item }) => {
            return (
              <View >
                  <Text>{item[0].name}</Text>
                <Text>{item[0].book}</Text>
                 <Text>{item[0].number}</Text>
              </View>
                )
          }} />

 const data =[
   { 
      "number": 12,
      "book": "Red Hood",
      "name": "crystal"
  },
]

但是下面这样在平面列表中使用时，下面的方法不起作用如何访问数据？

 const data =[
  [
    {
        "number": 12,
        "Book": "Red Hood",
        "name": "crystal"
    },
  ]
]

Answer 1

如果它只是包装在数组中的一项，则可以执行item[0].name item[0].Book和item[0].number

如果您有一个数组数组，则可以使用Array.prototype.flat [read more ..]创建一个数组

flat（）方法创建一个新数组，所有子数组元素都以递归方式连接到该数组中，直到指定深度为止。

更新就您而言

const old_data = [
   { 
      "number": 12,
      "book": "Red Hood",
      "name": "crystal"
  },
] 

const new_data = [
  [
    {
        "number": 12,
        "Book": "Red Hood",
        "name": "crystal"
    },
  ]
];

const converted_data = new_data.flat(); // will be same as old_data

console.log(converted_data);

如何在flatlist反应本机中使用Array.prototype.flat？

1 个答案: