Estoy tratando de importar la imagen de un archivo js a otro archivo js. Mi primer archivo js es como componente de función Track.js
import React from 'react' import { screenimage, screenimage1 } from "./srcimages.js"; function Track() { return ( <div> Hello Component <img src={screenimage} alt=""/> <img src={screenimage1} alt=""/> </div> ) } export default TrackMi segundo archivo js es como const image.js
const screenimage = 'https://image.shutterstock.com/image-illustration/shopping-online-concept-modern-design-260nw-1934432345.jpg'; const screenimage1 = 'https://www.publicdomainpictures.net/pictures/320000/velka/background-image.png'; Estoy tratando de hacer una colección de múltiples fuentes de imágenes en un archivo js e importarlo como atributo img <img src={here}/> . Probé el método anterior pero muestra un valor vacío de src.
ACTUALIZAR Eliminar la etiqueta "typoscript" de esta publicación
Debe exportar las imágenes del archivo image.js . Verifique el código a continuación:
export const screenimage = "https://image.shutterstock.com/image-illustration/shopping-online-concept-modern-design-260nw-1934432345.jpg"; export const screenimage1 = "https://www.publicdomainpictures.net/pictures/320000/velka/background-image.png";Así que intente agregar la exportación detrás de la const
me gusta
export const screenimage = 'https://image.shutterstock.com/image-illustration/shopping-online-concept-modern-design-260nw-1934432345.jpg',