O problema que enfrento é com a tag img. Quando se trata de um único, o código abaixo carrega a imagem:

import image1 from './images/image1.jpg;
<img src={image1} />

Mas o código abaixo não carrega:

 <img src={'./images/image1.jpg'}/>
            or
  <img src='./images/image1.jpg'/>

Preciso fazer um loop pelo json, algo como [{'img': './ images / image1.jpg', 'name': 'AAA'}, {'img': './ images / image2.jpg', ' nome ':' BBB '}] e exiba cada um deles como imagem com o nome como rodapé. O loop é bom, mas as imagens não são carregadas. Não é possível importar todas as imagens a serem adicionadas. Eu não uso nada além de JSX a partir de agora.