材料 UI 具有相同定义的多个类名

Question

在传统的CSS中，以下内容通常用于定义类之间的共享属性：

.classA,.classB{
background-color: black;
}

在材质UI中，使用主题，上述内容可以翻译为以下内容：

styles = (theme)=>({
classA:{
backgroundColor: 'black'
},
classB:{
backgroundColor: 'black'
},    
})

我想知道是否有一种特定的语法可以删除上述材料UI样式方法中的重复项，即可以同时定义这两个类吗？

styles = (theme)=>({
classA,classB:{
backgroundColor: 'black'
}, 
})

Answer 1

为什么不为颜色设置一个基类呢？

blackBg: {
backgroundColor: 'black'
}

，然后使用类名包将多个类名附加到元素

import classNames from 'classnames'
...
<div className={classNames(blackBg, myOtherClass)} />
...