有没有办法用Flatlist而不是data来渲染多个相同的组件？

Question

我正在尝试在 Flatlist 中渲染多张卡片，其中要渲染的卡片数量在状态中设置。我不知道是否有办法实现这一点，因为据我所知，Flatlist 在其数据属性中只接受一个数组。

这就是我正在尝试做的事情：

[numberOfCards, setNumberOfCards] = useState(1)

<FlatList
  horizontal
  pagingEnabled
  showsHorizontalScrollIndicator={false}
  data={numberOfCards}
  renderItem={({ card }) => {
    return (
      <Card />
    );
  }}
/>

Answer 1

是的，您可以在不使用数据数组的情况下呈现数字。创建一个包含要渲染内容的数组创建一个定义渲染的函数。 将生成的数组作为 data prop 传递给 FlatList。将 renderItem 属性设置为渲染函数，它将指定每个项目应如何显示。

使用索引或其他唯一标识符确保数组中的每个项目都有唯一的键。这有助于 React 高效地更新列表