将相同的CSS应用于材质UI中的多个类

Question

有3个类具有相同的CSS

const useStyles=makeStyles((theme)=>({
classA:{color:'green'},
classB:{color:'green'},
classC:{color:'green'}
})

如何在CSS中使用它例如

ClassA ClassB ClassC:{color:'green'}

Answer 1

我不知道我是否真的理解你的问题，但你可以这样做：

const useStyles=makeStyles((theme)=>({
const generalColor: {color: 'green'};
return {
generalColor,
classA:{...generalColor, other attributes},
classB:{...generalColor, other attributes},
classC:{...generalColor, other attributes}
}
})

这样，如果类的一个或多个属性相同，则可以在const中声明一次。