Javascript 在React Native中呈现array.map

我正在创建一个应用程序，当我使用“生成多个抽屉”来查看如何使用它时，我使用

Array(400) .fill(info).map (info => {return <AlbumBox info = {info} />})

Array（400）.fill（info）.map（info=>{return}）

获取对象的数据并将其传递到info变量以生成抽屉。 该结构在另一个组件中仅传递数据

如果我把它放在一个常量中，只有在控制台中才是安排中的内容

```

render（）{
常数信息={
img:'https://Beatles_-Abbey_Road.jpg',
名称：'披头士乐队-“艾比路'，
喜欢：200，
评论：140，
}
常量映射=数组（1）.fill（信息）.map（信息=>{
返回
})
控制台。警告（地图）
返回(
{
数组（500）.fill（info）.map（info=>{
返回
})
}
);

```

---

我的想法是在屏幕上生成500个抽屉作为循环发送该变量

为了简单起见，我尝试了相同的方法，只是用

p

替换了您的组件：

render() {
const info = {
  img: 'https://Beatles_-Abbey_Road.jpg',
  name: 'The Beatles - "Abbey Road',
  likes: 200,
  comments: 140,
}
return (
  <div>
    {
      Array(500).fill(info).map(info => {
        return <p>{info.name}</p>
      })
    }
  </div>
);

render（）{
常数信息={
img:'https://Beatles_-Abbey_Road.jpg',
名称：'披头士乐队-“艾比路'，
喜欢：200，
评论：140，
}
返回(
{
数组（500）.fill（info）.map（info=>{
返回{info.name}

})
}
);

}

这是一个很好的例子。

---

这也是一个完美的代码示例。

我恐怕根本不清楚你在问什么。在一个数组中重复同一个对象500次似乎也很奇怪，这是混乱的一部分。你的实际出发点是什么，你想要的结果是什么，你具体被困在哪里？真的想帮忙，但是……如果你是对的，我对react的使用还不熟悉，这只是使用ScrollView的一个小测试，如果我找到了信息，但只是react，而不是如何在react Native中使用它

render() {
const info = {
  img: 'https://Beatles_-Abbey_Road.jpg',
  name: 'The Beatles - "Abbey Road',
  likes: 200,
  comments: 140,
}
return (
  <div>
    {
      Array(500).fill(info).map(info => {
        return <p>{info.name}</p>
      })
    }
  </div>
);