アプリ内から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つのことを言うことが可能ですが、ブラウザは別のものをレンダリングすることができますか?
右と空、近くには何が? –
' dargue3
これらはid値を共有していますか?すなわち、複数のファイルにid = "a"またはid = "b" –