未加載backgroundImage樣式-反應js

Question

我想使用backgroundImage樣式，但不渲染：

style={{backgroundImage: `url(${slider.img})`}

slider是一個對象。

這是我整個div標簽：

div className="row owl-item"  id="bestOffer" style={{backgroundImage: `url(${slider.img})`}}>

Answer 1

您需要將URL字符串放在CSS的引號中：

<div 
    className="row owl-item" 
    id="bestOffer" 
    style={{
        backgroundImage: `url("${slider.img}")`
    }}
>