javascript - 未加载backgroundImage样式-react js

标签 javascript reactjs

我想使用backgroundImage样式但不渲染:

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

slider 是一个对象。

这是我的整个 div 标签:

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

最佳答案

您需要将 CSS 的 URL 字符串放在引号中:

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

关于javascript - 未加载backgroundImage样式-react js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50198148/

相关文章:

javascript - 将命令的响应传输到 Node

javascript - 我如何在使用 ng-repeat 循环访问相同的 json 时按 json 的属性之一进行排序?

javascript - 将 .html 附加到我的 href

javascript - 如何返回最后一个push()嵌入文档

reactjs - 如何在azure云上托管grafana?

javascript - react native : Android app crashes, onNewIntent

javascript - 如何为 JavaScript 计数器设置动画

javascript - 在 Electron JS 应用程序中使用自定义标题栏

javascript - 我的 setState 函数在 IOS 上不起作用

reactjs - this.props.navigation.navigate() 不起作用(使用 WithNavigation)