我在ES6中创建了一个循环,用于循环并输出51张图片的序列。我创建了一个for循环,但是当它运行时,它只返回第一个图像,image_0000.jpg。
为什么它没有返回所有51张图片?
sequenceImages() {
for (let i = 0; i < 51; i++) {
return <img src={require(`../images/image_000${i}.jpg`)} alt="" />
}
}
你的 return 语句在第一次通过循环时立即退出了函数。听起来你想让它返回许多 <img>
标签,所以你可以做这样的事情。
gitImage(i) {
return <img src={require(`../images/image_000${i}.jpg`)} alt="" />
}
sequenceImages() {
const images = [];
for (let i = 0; i < 51; i++) {
images.push(getImage(i));
}
return images;
}