你能在一个页面上拥有多个SVG吗？ （使用svg-react-loader）

Question

我尝试在同一个组件中导入和显示多个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>

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

Answer 1

对于读这篇文章的人。看来Sketch正在使用相同的ID保存SVG - ＆＃34;＃path-1＆＃34;，当页面上有多个时，它就会中断。所以，答案是他们需要一个唯一的ID。