Почему мой Javascript l oop возвращает только первое значение?

Question

Я создаю al oop в ES6, который будет использоваться для l oop и вывода последовательности из 51 изображения. Я создал для l oop, однако при запуске он возвращает только первое изображение, image_0000.jpg.

Почему он не возвращает все 51 изображение?

sequenceImages() {
    for (let i = 0; i < 51; i++) {
      return <img src={require(`../images/image_000${i}.jpg`)} alt="" />

    }
  }

Answer 1

Ваш оператор возврата сразу выходит из функции в первый раз через l oop. Похоже, вы хотите, чтобы он возвращал много тегов <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;
}