JSX元素类型'x‘没有任何构造或调用签名。
JSX元素类型'x‘没有任何构造或调用签名。
提问于 2021-11-14 11:53:23
我有一个导入的图像，我想在一个函数中使用它。图片：
import Edit from 'src/assets/setting/advertising/edit.png';这是一个功能：
function getOptions(row) {
return (
<div>
<Edit /> //error
<img src={Edit} /> //error
</div>
);
}<Edit />得到了以下错误：
JSX元素类型'Edit‘没有任何构造或调用签名。
<img src={Edit} />得到了以下错误：
类型'StaticImageData‘不能指定键入’string‘..ts(2322)
我能做什么?谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-11-14 14:40:12
这两个问题有着千丝万缕的联系，但必须以不同的方式加以解决。
第一个问题：您正在尝试将导入的静态文件呈现为HTML。使用这种语法，只能在React中呈现React组件或HTML元素。
示例：
function MyCustomElement() {
return (
<div>This is custom element<div>
);
}
export default function Page() {
return <div>
<MyCustomElement />
</div>;
}第二个问题:您试图作为图像的src传入导入的静态文件的。你需要传递一个字符串。
示例：
const PATH_TO_IMAGE = 'src/assets/setting/advertising/edit.png';
function getOptions(row) {
return (
<div>
<img src={PATH_TO_IMAGE} />
</div>
);
}请注意，"src“的值必须公开访问。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69966633
复制
相似问题
解码特殊字符
解码特殊字符“？”
通用URL解码函数应该处理"+“字符还是只处理"%20”等字符？
HTML特殊字符解码
邮编-解码特殊字符
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
