我有一个图像链接数组。如果在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} />
})
这也仅显示第一张图像。如何解决?
在for
循环中使用return将返回该函数。
尝试一下。
let imageList = screenshotList.map((value, index)=>{
console.log(value)
return <img src={value} key={index} />
})
在渲染器或功能组件返回中使用imageList
例如:<div> {imageList} </div>