ReactJS循环图像源

问题描述 投票:1回答:1

我有一个图像链接数组。如果在src中循环播放,只会得到第一张图像。我已经尝试了map()for loop。他们两个都只显示第一张图像。

for (let i = 0; i < screenshotList.length; i++) {
            return (
                <>
                    <img
                        src={screenshotList[i]}
                        width={60}
                        height={60}
                        style={{ marginTop: 10, marginLeft: 10 }}
                    />
                </>
            )
        }

我也尝试过使用地图功能

screenshotList.map(value=>{
  console.log(value)
  return <img src={value} />
})

这也仅显示第一张图像。如何解决?

reactjs
1个回答
1
投票

for循环中使用return将返回该函数。

尝试一下。

let imageList = screenshotList.map((value, index)=>{
  console.log(value)
  return <img src={value} key={index} />
})

在渲染器或功能组件返回中使用imageList

例如:<div> {imageList} </div>

© www.soinside.com 2019 - 2024. All rights reserved.