React Material UI 图像导入问题

发布于 2025-01-20 02:34:35 字数 420 浏览 0 评论 0原文

我是 React JS 的新手。我在尝试导入和使用 SVG 图像时收到此错误。

错误：元素类型无效：需要一个字符串（对于内置组件）或一个类/函数（对于复合组件），但得到：未定义。您可能忘记从定义它的文件中导出组件，或者您可能混淆了默认导入和命名导入。

这是我的代码。

import { ReactComponent as RightArrowIcon } from '../public/icons/RightArrow.svg';

function JobFetch() {
  return (
  <IconButton>
<RightArrowIcon />
</IconButton>
);
}
export default JobFetch;

提前致谢。

原文

I am new to React JS. I am getting this error while I try to import and use an SVG Image.

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Here is my code.

import { ReactComponent as RightArrowIcon } from '../public/icons/RightArrow.svg';

function JobFetch() {
  return (
  <IconButton>
<RightArrowIcon />
</IconButton>
);
}
export default JobFetch;

Thanks in Advance.

分享到QQ

分享到微博