回应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方法。

Answer 1

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