javascript - 为什么我的 Javascript 循环只返回第一个值？

Question

我在 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="" />

    }
  }

Answer 1

您的 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;
}