`style` 属性は、スタイル属性から値へのマッピングを期待します。

Question

React を使用して前後の画像スライダーを作成しているときに、このエラーが発生しました。 インポートする必要があるかどうかはわかりませんが、残念ながら外部ファイルです。 ヒントや提案をいただければ幸いです

<div class="scrollerscroller-top">
                    <svg class="scroller__thumb" xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><ポリゴン ポイント= "0 50 37 68 37 32 0 50" style="fill:rgb(24,24,62)"/><ポリゴン ポイント="100 50 64 32 64 68 100 50" style="fill:rgb(24 ,24,62)"/>
</div>

SVG アイコンが表示されると期待していましたが、代わりに上記のようにエラーがスローされました

Answer 1

次のように、fill 属性をポリゴンに直接追加できます:

リーリー

ボーナス: React を使用している場合、class 属性は className である必要があります。