No sé, he importado imágenes locales antes, pero hoy no funciona.

Tengo este archivo de ayuda que exporta las imágenes como una matriz.

 const images = [ require("../assets/1.jpeg"), require("../assets/2.jpeg"), require("../assets/3.jpeg"), require("../assets/4.jpeg"), require("../assets/5.jpeg"), require("../assets/6.jpeg"), ] export default images;

Luego los uso aquí para obtener una imagen aleatoria aquí.

 //Random Image const randomImg = () => { console.log(images); const UU = images[Math.floor(Math.random * images.length)]; return UU; } const [hero, setHero] = useState(randomImg());

Y luego obtengo hat hero state en mi etiqueta jsx img

 <img className="headerImg" src={hero} alt="Hero Image" />

¿Por qué no funciona? No estoy usando Next ni Gatsby ni nada. Estoy usando React con webpack 2. ¿Alguien sabe qué está mal?

Otra cosa interesante es que si importo una sola imagen como esta

 import hero from "../../assets/1.jpeg";

Y úsalo directamente en la imagen.

 <img className="headerImg" src={hero} alt="" />

De repente, funciona. ¿Cuál es el problema?

Gracias, Laksya