我正在使用create-react-app项目的这库作为图片库。
以http的方式加载图像,如:
const IMAGES = [{
src: "https://c2.staticflickr.com/someimage.jpg"
....
}];
如何将本地图像文件源到对象中,就像上面的示例一样?
ie:
const IMAGES = [{
src: "my local path",
thumbnail: "my local path",
}];
我已经试过了
Gallery.js
(ps:路径是正确的,图像目录位于我的src目录中)
import logo from "../images/site/logo.jpg";
export default { logo };
App.js
到目前为止,我尝试过的所有不同的方法:
import logo from "./Gallery";
const IMAGES = [{
src: `${logo}`, //no dice
src: {logo}, //no dice
src: <logo/>, //no dice
src: "../images/site/logo.jpg" //no dice
....
}];
html控制台检查器说:<img src="[object Object]" ...
发布于 2018-02-28 17:37:34
看起来您正在从Gallery.js导出一个对象,所以请尝试logo.logo
。你可以用logo
,如果你export default logo
的话。
const IMAGES = [{
src: logo.logo
}];
发布于 2018-10-15 22:32:19
徽标是一个对象,所以您需要参考logo.logo
const IMAGES = [{
src: `${logo.logo}`, //no dice
src: {logo.logo}, //no dice
....
}];
https://stackoverflow.com/questions/49041321
复制