Javascript 一个页面上可以有多个SVG吗？（使用svg react loader）

我试图在同一个组件中导入和显示多个SVG，但实际上它只是显示每次复制的第一个SVG，而不是两个单独的SVG。这是我的密码：

import React, { Component } from 'react';

import Account from '-!svg-react-loader!./svg/Account.svg';
import Alert from '-!svg-react-loader!./svg/Alert.svg';

<div className="col-lg-1">
  <Account className="icon" />
</div>

<div className="col-lg-1">
  <Alert className="icon" />
</div>

import React，{Component}来自'React'；
从'-'导入帐户！svg反应加载器/svg/Account.svg'；
从'-'导入警报！svg反应加载器/svg/Alert.svg'；

---

我们每个页面只能有一个SVG实例吗？

供阅读本文的人使用。看起来Sketch正在使用相同的id保存SVG-“#path-1”，当页面上有多个SVG时，该id会中断。因此，答案是他们需要一个唯一的ID。

供阅读此文章的人使用。看起来Sketch正在使用相同的id保存SVG-“#path-1”，当页面上有多个SVG时，该id会中断。因此，答案是他们需要一个唯一的ID。

我们每页只能有一个SVG实例吗？

否。Account.SVG和Alert.SVG中有什么？@RobertLongson-Account和Alert是SVG图像，将通过插件编译成SVG xml代码。看起来唯一的ID是问题所在。

我们每页只能有一个SVG实例吗？

否。Account.SVG和Alert.SVG中有什么？@RobertLongson-Account和Alert是SVG图像，将通过插件编译为SVG xml代码。看起来唯一的ID就是问题所在。