ページに複数のSVGがありますか？ （svg-react-loaderを使用して）

Question

複数のSVGを同じコンポーネントにインポートして表示しようとしていますが、実際には2つの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インスタンスは1つしかありませんか？

Answer 1

これを読んでいる誰でも。 Sketchは同じIDを持つSVGを保存していたようだ - "＃path-1"。ページ上に複数の箇所があったときに壊れていた。だから、彼らは一意のIDが必要だという答えです。