作者:mobiledu2502870587 | 来源:互联网 | 2023-10-10 15:38
篇首语:本文由编程笔记#小编为大家整理,主要介绍了(React)PNG图像将导入,但不会显示相关的知识,希望对你有一定的参考价值。
我正在尝试创建一个帮助程序函数,该函数将返回两个图像之一-复选标记或红色错误图标,具体取决于用户输入。
我的标题代码看起来像这样
import ErrorImagefrom './../Assets/Error.png'
import CheckMark from './../Assets/CheckMark.png'
我的助手功能如下:
if(myVar){
return
}
else{
return
}
我确信我都正确导入了它们,它们都在相同的相对文件路径中,并且来自同一页面源。奇怪的是,只有红色的x会被加载。当我尝试遵循inspect元素中的路径时,复选标记显示为空白图像。但是,当我在资产文件夹中打开复选标记时,我得到了希望看到的复选标记。
作为参考,我将this图像用作复选标记,并将this图像用作错误图标。
我已经尝试将高度和宽度设置为任意大的数字,只是为了确保我没有创建大小为0的图像,并且我将不透明度设置为1,以防由于某种原因它是透明的。这些都没有使图像出现。
我能想到的是,它必须是导致此问题的图像的属性,但是我尝试了四到五个不同的复选标记图像,但都没有起作用。我不明白自己在做什么错,我发现的所有支持文档都是关于不正确导入数据的。据我所知,我正在正确导入此数据。
答案
似乎您的代码中有语法错误
标题应该是:
import ErrorImage from './../Assets/Error.png'
import CheckMark from './../Assets/CheckMark.png'
助手功能应为:
if(myVar){
return
}
else{
return
}
请参阅此StackOverflow post了解更多详细信息