【问题标题】:React Js only Load the first SVGReact Js 只加载第一个 SVG
【发布时间】:2020-01-06 22:12:48
【问题描述】:

我想在一个反应​​组件中加载多个 SVG 图标。但该组件仅加载第一个 SVG,其他显示为方形或重复第一个 SVG 图标 我像这样加载 SVG

import { ReactComponent as Back} from "./back.svg";

并将其用作组件

我尝试加载 svg 文件并使用 img 标签 但它还有另一个问题......

我没有使用任何第三方包来加载 SVG 在 react js 中导入 SVG 文件的最佳方法是什么

【问题讨论】:

  • 你能提供这个组件的完整代码吗?
  • 你是在使用 webpack、create-react-app 还是其他东西?
  • 您的 svg 文件是否有重复的 id 值?

标签: reactjs svg


【解决方案1】:

我发现了问题所在... 我有多个 SVG 文件,它们都具有相同的 id ...... 当我将它们一起加载时,页面有多个具有相同 id 的标签,并且只显示一个图像或一个空方块

我更改了每个 SVG 标签的 id,现在一切正常

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-01-03
    • 1970-01-01
    • 2017-12-08
    • 1970-01-01
    相关资源
    最近更新 更多