如何在样式中获得反应动态背景图像值？

Question

我从数据库返回动态值作为 JSON 数据。 我无法为 backgroundImage 标签设置值。 我在打击中尝试了代码

images = imageList.map(img => {
  return (
    <div
      key={img.id}
      style={{
         backgroundImage: `https://blabla.com/image/${img.icon}` //Don't work
      }}>
    </div>
  );
}); }

Answer 1

您需要将 css 语法与 backgroundImage 一起使用

images = imageList.map(img => {
  return (
    <div
      key={img.id}
      style={{
         backgroundImage: `url("https://blabla.com/image/${img.icon}")` //Should work
      }}>
    </div>
  );
}); }