reactjs - 反应 SVG 渲染问题

Question

我正在尝试按如下方式导入 SVG 文件：

import ExampleIcon from './icons/example.svg';

但我收到渲染错误：

Uncaught (in promise) DOMException: Failed to execute 'createElement' on 'Document': The tag name provided ('/static/media/example.edcd2c8d.svg') is not a valid name.

如何使用简单的导入而不需要将 ExampleIcon 转换为 React 组件，如下所示？

import { ReactComponent as ExampleIcon } from './icons/example.svg';

我试图在代码库中保持我的代码标准化，所以我宁愿尽可能避免使用 ReactComponent 方法。

标签： reactjs

Answer 1

我意识到我需要使用它react-svg-loader来实现我想要的结果，因为 React 不允许 SVG 导入。