React SVG 导入作为组件不呈现

Question

我在 React JS 中导入 SVG 文件时遇到问题。

import { ReactComponent as Logo} from '../logo.svg'

我不知道为什么，但在某些组件中<Logo />会正确呈现，而在其他组件中它不显示，当我使用检查时 SVG 就在那里，它确实占用了它需要的空间，但 SVG 是空白的/空的。

其他人遇到过这个问题吗？

Answer 1

尝试：

import { default as logo } from '../logo.svg';

并在 img 类型的节点中用作源，如下所示：

<img src={logo} />