Mostrar imágenes en React usando JSX sin importar
El problema que enfrento es con la etiqueta img. Cuando se trata de un single, el siguiente código carga la imagen:
import image1 from './images/image1.jpg;
<img src={image1} />
Pero el siguiente código no se carga:
<img src={'./images/image1.jpg'}/>
or
<img src='./images/image1.jpg'/>
Necesito recorrer json, algo como [{'img': './ images / image1.jpg', 'name': 'AAA'}, {'img': './ images / image2.jpg', ' name ':' BBB '}] y muestra cada uno de ellos como imagen con el nombre como pie de página. El bucle está bien, pero las imágenes no se cargan. En realidad, no es posible importar todas las imágenes para agregarlas. No uso nada más que JSX a partir de ahora. Por favor, favor.