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}")`
    }}
>