Импортирование/Вставка изображений из папок 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>)

Но с таким кодом картинки на сайте загружаются с задержкой


Ответы (0 шт):