Css 如何在<；中设置不同的背景图像；部门>；.map（）函数中的元素？

我想给每个

类别卡片

div一个不同的

背景图像

如何使用样式化组件解决此问题？我使用React和Typescript

{this.MainChannels.map(item => {
  return (
    <CategoryCard key={item._id} onClick={() => this.handleChannel(item.name)}>
      {item.name}
    </CategoryCard>)
})}

{this.MainChannels.map（项=>{
返回(
this.handleChannel（item.name）}>
{item.name}
)
})}

---

图像的URL是本地的，这意味着我的图片存储在我的计算机上

我通过导入每个图像和分类卡的内联样式解决了这个问题

然后我将导入推送到一个数组中。.map（）函数中的每个项都通过数组获得自己的背景

---

我们可能需要更多的信息来回答这个问题（图像URL从何而来？），但一般来说，您是否尝试过在您的

分类卡上使用
style
属性？