reactjs - 在 React 映射循环中连接 className 值

Question

我正在通过数据库查询循环一周中的几天，如下所示，其中“node.club_night_day”是一周中的一天:

{nights.edges.map(({ node }, index) => (
  <div key={index}>
    <div className={clubNightsIcon+node.club_night_day}>
      <div>{node.club_night_name}</div>
    </div>
  </div>
))}

CSS:

.club-nights-icon-wednesday {
  background: linear-gradient(180deg, #DE9FAE 0%, #E70F50 100%);
}

我想要类的定义是

俱乐部之夜图标星期一

clubNightsIconTuesday

这在 React 中可能吗？ (我正在使用 GatsbyJS)

Answer 1

我知道“clubNightsIcon”不是变量，而是您要传递的字符串。 如果是这种情况，那么您应该能够执行以下操作:

<div className={"clubNightsIcon" + (node.club_night_day)}>

托马斯。