Блог

я пытаюсь использовать foreach при импорте всех компонентов (изображений) из места, где у меня есть index.js , но, похоже, это не работает.

Таким образом я могу получить доступ только к изображениям:

 import * as AllPics from '../assets/images'
.
.
.
<img src={AllPics.Image1} />
<img src={AllPics.Image2} />
  

Я хочу сделать что-то вроде этого:

 import * as AllPics from '../assets/images'
.
.
.
{ AllPics.foreach((image) => <img src={image} /> )
  

Вы знаете, возможно ли это?

AllPics это пространство имен, которое является объектом (хотя и особого вида). Вы можете перебирать его значения с помощью Object.values :

 {Object.values(AllPics).map(
  image => <img src={image} />
)}