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

Question

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

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

标签： javascripthtmlreactjsreact-hooks

Answer 1

你需要在 backgroundImage 中使用 css 语法

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