在css模块类名上使用变量值

我试图在nextjs中的css模块的类名中使用一个变量，但是我很难找到正确的语法

我的变量来自api：

const type=red

我是如何做到这一点的：

我期望的结果是：

---

有办法吗？

不知道你想达到什么目的

一种解决办法是：

const type = 'red';

<div className={`${styles.background} ${styles.type}`}></div>

---

你是说

样式[类型]

？你似乎把CSS变量和常规JavaScript变量混在一起了。实际上，我没有使用任何CSS变量，我只是想用一个变量值作为CSS模块的类名。第二个变量很有魅力，谢谢！

const type = '--red';

<div className={`${styles.background} ${styles[type]}`}></div>