Reactjs 反应变量样式名

在react中，我使用SCS进行样式设置，当我设置元素的样式时，它总是这样设置：

。它连接到我已经链接到样式变量的样式表。有没有一种方法可以在不使用任何其他库的情况下动态设置样式名称

---

例如，var i='error'。然后将样式设置为类似以下内容

。这将使用scss文件中的class.error。

删除该点，它将正常工作

<div className={styles[i]}> </div>