Блог

Главная - Вопросы по программированию - Как мы можем импортировать изображение из одного js-файла в другой js-файл

Как мы можем импортировать изображение из одного js-файла в другой js-файл

#javascript #reactjs

Вопрос:

Я пытаюсь импортировать изображение из одного js-файла в другой js-файл. Мой первый файл js является функциональным компонентом 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 Track

Мой второй файл js выглядит как 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';

Я пытаюсь создать коллекцию из нескольких источников изображений в одном файле js и импортировать ее в качестве <img src={here}/> атрибута img. Я попробовал вышеприведенный метод, но он показывает пустое значение src.

ОБНОВЛЕНИЕ Удалите тег «typoscript» из этого поста

Комментарии:

1. Этот вопрос, похоже, не имеет никакого отношения к тегу «типоскрипт» или даже «типоскрипт», если на то пошло. Не могли бы вы удалить его, пожалуйста?

Ответ №1:

Вам нужно экспортировать изображения из image.js файла. Проверьте код ниже:

 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";

Ответ №2:

Поэтому попробуйте добавить экспорт за const

Нравится

 export const screenimage = 'https://image.shutterstock.com/image-illustration/shopping-online-concept-modern-design-260nw-1934432345.jpg',
Метки: