时间戳

首页 > 解决方案 > 背景图像样式在反应中不起作用

javascript - 背景图像样式在反应中不起作用

问题描述

idk为什么背景图像样式不起作用反应，

{
  musics && musics.map((name, i) => {
    console.log(typeof name.imageURL);
    return(
      <Fragment key = {i}>
        <div className = "music-preview-box">
          <div className = "user-musics-content">
            <div id = "album-cover" style ={{backgroundImage: "url("+name.imageURL+")"}}>  
            </div>
          </div>
        </div>
      </Fragment>
    )
  }
}

当我控制台日志显示 url，当我输入真实的 url 而不是name.imageURL它的工作。但是当我只保留它时name.imageURL它不起作用

标签： javascriptcssreactjsreact-reduxrxjs

解决方案

尝试双引号 url("...")

<div id = "album-cover" style={{ backgroundImage:`url("${name.imageURL}")` }}></div>

推荐阅读