反应 JS - SVG 文件 href 未显示在我的应用程序中

Question

我有这个svg，包括包含图像路径的xlink：href

<image style="overflow:visible;" width="190" height="76" id="logo" xlink:href="./logos/pic1.png">

在我的 css 文件中

.item {
background-image: url(./pic.svg);
}

当我单击 svg 时，它会显示 pic1 的徽标.png但在我的反应应用程序中它没有显示。这里有问题吗，谢谢

Answer 1

你可以在 react 中做这样的事情

确保您的路径正确

<svg>
+
+
<image style="overflow:visible;" width="190" height="76" id="logo" xlinkHref="./logos/pic1.png">
</svg>