Итак, у меня есть изображение, и я хочу отобразить его на экране, но реагирую, когда я импортирую изображение как модуль и указываю имя переменной в качестве источника, это работает :
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}`} />
);
}
, изображение не отображается.
Как я могу использовать это свойство локального хранилища для правильного отображения изображения?