Импортирование/Вставка изображений из папок React
Проект имеет следующую структуру:
-src/
--images/
---folder-1
---folder-2
---...
---folder-N
-App.js
-...
в filder-i хранится по несколько изображений Есть ли в react`е возможность автоматизировать проход по folder1..folderN и импортировать оттуда изображения?
В данный момент я просто завел .json файл с массивом ссылок на эти изображения и вставляются в приложение они следующим образом:
import data from './data.json'
const items = data.map(el =>
<li>
<ImgMediaCard avatar={require('./'+el.photos[0]).default} name={el.name} disc="DSFDF" />
</li>)
Но с таким кодом картинки на сайте загружаются с задержкой