Creé una matriz con título e imágenes, pero cuando uso el mapa para extraer la imagen, la ruta de la imagen se imprime como una cadena. También intenté usar la palabra clave require, pero aparece el error que indica que "require no está definido". También intenté mover mis activos (imágenes) a la carpeta src, pero eso tampoco funciona. Estoy usando manto de nieve.

 const Img = [ [ { title: "Recommended to you", img: "assets/images/badging2.jpg" }, ], [ { title2: "hello", img1 : "../../public/assets/images/badging7.jpg" }, ] ]; export default Img;

Esta es mi función de mapa: -

 <div> {Img[0].map((item) => { return <p>{item.img}</p> })} </div> // output - assets/images/badging2.jpg