css - 在 React 中以编程方式分配 css 类

Question

在我的 React 应用程序中，我有一组类分配给各种元素。它们被命名为 button1、button2、button3 等。目前我正在使用 switch 语句来确定要分配哪个类。

switch (num) {
            case 1:
                return {
                    memberButton: styles.button1
                };
            case 2:
                return {
                    memberButton: styles.button2
                };
            case 3:
                return {
                    memberButton: styles.button3
                };
}

有没有办法通过做这样的事情来分配类(class):

className={styles.button + rowNumber} 

那当然不行。我试图通过在代码中构造类名来消除对 switch 语句的需要。

Answer 1

你应该这样做:

className={styles[`button${rowNumber}`]}