0
アプリ内からbabel-plugin-inline-react-svgを使用すると、私はリアクションv16.0.0コンポーネントにいくつかのSVGをインポートしています。リアクションレンダリングSVGはページ上の他のSVGを上書きします
import React from 'react';
import Close from './close.svg';
import Chevron from './right.svg';
import EmptyCart from './empty.svg';
const Component = props => (
<div>
<Close />
<EmptyCart />
<Chevron />
</div>
);
：すべてを引き継ぐようだ、私は最初のレンダリングSVGsのどちら
他のものの<EmptyCart />を最初に置くと、それらはすべてカートアイコンになります。しかし、ここには本当のキッカーがあります：私がDOMを調べると、SVGはすべて正しいと思われます（それらはすべて互いに完全に異なっています）。
誰でもこれまでに見たことがありますか？どのようにDOMが1つのことを言うことが可能ですが、ブラウザは別のものをレンダリングすることができますか？
右と空、近くには何が？ –
'
これらはid値を共有していますか？すなわち、複数のファイルにid = "a"またはid = "b" –