Mostrar imágenes en React usando JSX sin importar

Solución:

Necesita requerir el archivo así:

<img src={ require('./images/image1.jpg') } />

require se utiliza para “importaciones” estáticas, por lo que solo necesita cambiar su imports.

Ejemplo:

var imageName = require('./images/image1.jpg')
<img src={imageName} />

Podríamos usar require en lugar de import statment. Igual que ,

<img src={require("folder/image.format")} alt="image not found" />

Pero si lo ejecuta, se mostrará ¡¡¡imagen no encontrada!!!

Simplemente podríamos resolverlo cambiando la declaración agregando .defecto

let image = require("folder/image.format");

<img src={image.default} alt="image not found" />

---

---

Utiliza Nuestro Buscador