热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

开发笔记:(React)PNG图像将导入,但不会显示

篇首语:本文由编程笔记#小编为大家整理,主要介绍了(React)PNG图像将导入,但不会显示相关的知识,希望对你有一定的参考价值。

篇首语:本文由编程笔记#小编为大家整理,主要介绍了(React)PNG图像将导入,但不会显示相关的知识,希望对你有一定的参考价值。



我正在尝试创建一个帮助程序函数,该函数将返回两个图像之一-复选标记或红色错误图标,具体取决于用户输入。

我的标题代码看起来像这样

import ErrorImagefrom './../Assets/Error.png'
import CheckMark from './../Assets/CheckMark.png'

我的助手功能如下:

if(myVar){
return CheckMark
}
else{
return Error
}

我确信我都正确导入了它们,它们都在相同的相对文件路径中,并且来自同一页面源。奇怪的是,只有红色的x会被加载。当我尝试遵循inspect元素中的路径时,复选标记显示为空白图像。但是,当我在资产文件夹中打开复选标记时,我得到了希望看到的复选标记。

作为参考,我将this图像用作复选标记,并将this图像用作错误图标。

我已经尝试将高度和宽度设置为任意大的数字,只是为了确保我没有创建大小为0的图像,并且我将不透明度设置为1,以防由于某种原因它是透明的。这些都没有使图像出现。

我能想到的是,它必须是导致此问题的图像的属性,但是我尝试了四到五个不同的复选标记图像,但都没有起作用。我不明白自己在做什么错,我发现的所有支持文档都是关于不正确导入数据的。据我所知,我正在正确导入此数据。

答案

似乎您的代码中有语法错误

标题应该是:

import ErrorImage from './../Assets/Error.png'
import CheckMark from './../Assets/CheckMark.png'

助手功能应为:

if(myVar){
return CheckMark
}
else{
return Error
}

请参阅此StackOverflow post了解更多详细信息


推荐阅读
author-avatar
mobiledu2502870587
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有