reactjs - React 变量样式名称

Question

在反应中，我使用 scss 进行样式设置，当我设置元素的样式时，它总是这样设置<div className={styles.container}> </div>：它连接到我已链接到样式变量的样式表。有没有一种方法可以在不使用任何其他库的情况下动态设置样式名称？

例如，var i = '错误'。然后将样式设置为这样的东西<div className={styles.[i]}> </div>。这将使用 scss 文件中的类 .error 。

标签： reactjs

Answer 1

删除点，它应该可以正常工作

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