Das Attribut „style' erwartet eine Zuordnung von Stilattributen zu Werten

Question

Beim Erstellen eines Bildschiebereglers für die Vorder- und Rückseite mit React ist dieser Fehler aufgetreten. Ich weiß nicht, ob ich es importieren muss, aber leider ist es eine externe Datei. Für Tipps und Vorschläge wären wir sehr dankbar

<div class="scroller scroller-top">
                    <svg class="scroller__thumb" xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><polygon point= "0 50 37 68 37 32 0 50" style="fill:rgb(24,24,62)"/><polygon point="100 50 64 32 64 68 100 50" style="fill:rgb(24 ,24,62)"/></svg>
</div>

Ich hatte erwartet, das SVG-Symbol zu sehen, aber stattdessen wurde ein Fehler ausgegeben, wie oben beschrieben

Answer 1

您可以直接在多边形上添加fill属性，如下所示：

<div className="scroller scroller-top">
  <svg
    className="scroller__thumb"
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 100 100"
  >
    <polygon points="0 50 37 68 37 32 0 50" fill="rgb(24,24,62)" />
    <polygon points="100 50 64 32 64 68 100 50" fill="rgb(24,24,62)" />
  </svg>
</div>

奖励：如果您使用React，则class属性应为className。