首頁  >  問答  >  主體

`style`屬性期望一個從樣式屬性到值的映射

<p>在使用React建立前後影像滑動器時,我遇到了這個錯誤。 我不知道是否需要導入它,但不幸的是它是一個外部文件。 任何提示和建議都將不勝感激</p> <pre class="brush:php;toolbar:false;"><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 points= "0 50 37 68 37 32 0 50" style="fill:rgb(24,24,62)"/><polygon points="100 50 64 32 64 68 100 50" style="fill:rgb(24 ,24,62)"/></svg> </div></pre> <p>我期望看到SVG圖標,但實際上拋出了一個錯誤,如上述描述所示</p>
P粉817354783P粉817354783453 天前455

全部回覆(1)我來回復

  • P粉276064178

    P粉2760641782023-08-16 09:59:41

    您可以直接在多邊形上新增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

    回覆
    0
  • 取消回覆