Почему response отображает изображение правильно, когда оно импортируется как модуль, и не отображает его вообще, когда путь является переменной? - PullRequest
0 голосов
/ 23 апреля 2020

Итак, у меня есть изображение, и я хочу отобразить его на экране, но реагирую, когда я импортирую изображение как модуль и указываю имя переменной в качестве источника, это работает :

import image from '../shared/uploads/eye.jpg';

function () {
    return (
        <img src={image} />
    );
}

локальное хранилище

{
    fileName: "eye.jpg"
    filePath: "shared/uploads/eye.jpg"
}

, но когда я делаю:

function () {
    const [selectedImage, setSelectedImage] = React.useState(/* object from local storage */);

    return (
        <img src={`../${selectedImage.filePath}`} />
    );
}

, изображение не отображается.

Как я могу использовать это свойство локального хранилища для правильного отображения изображения?

...