图像不是显示在反应js。当我想显示图像的时候，它没有显示出来。没有这个，每件事都好
图像不是显示在反应js。当我想显示图像的时候，它没有显示出来。没有这个，每件事都好
提问于 2020-12-19 20:57:28
我想从其他组件导入图像，但是为什么没有显示。在Data.js中，我显示的是图像路径。但当我想要的时候。它不在家里出现。但是没有图像，一切都正常工作
Data.js
export const HomeObject = {
id: 'about',
img: require('../../Images/sv-1.svg'),
alt:'CAR',
}Home.jsx
const Info = ({img, alt}) => {
return (
<Img src={img} alt={alt} />
)回答 1
Stack Overflow用户
发布于 2020-12-19 21:05:26
React img的工作原理类似于html img标记。将文件路径作为src值传递以显示图像。
当将映像src作为支柱传递给组件时，请记住它需要是一个字符串值。不是require('...')值。
const Parent = () => {
return (<Info img={'../../Images/sv-1.svg'} alt={'info image'}>
};
const Info = ({img, alt}) => {
return (
<Img src={img} alt={alt} />
);
}这在本地设置中很好。但是，在部署应用程序时，请将映像作为静态资源使用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65377038
复制
相似问题
Keras输入形状误差
输入形状Keras问题
请用Keras解释输入形状。
返回错误的Keras输入形状
输入形状卷积神经网络的误差
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
