Javascript 如何使用样式化组件替代材质组件？

如果材质ui组件类的优先级通常高于样式化组件类，那么如何使用样式化组件覆盖材质组件。是的用法！重要标志是唯一的解决方案吗

<button class="MuiButtonBase-root-1047 MuiFab-root-1153 sc-jAaTju QqyyK MuiFab-sizeSmall-1161 MuiFab-primary-1155" tabindex="0" type="button" top="80">
  <span class="MuiFab-label-1154"></span>
  <span class="MuiTouchRipple-root-1050"></span>
</button>

---

我建议在mui中使用

jss

，但您可以为其中的材质ui组件添加一个

包装器和重写样式，也许您可以添加如何重写一个不可预测的类名，如
。MuiFab-root-1154
？它很容易处理，例如：



styles.js：

const MaterialUiWrapper=Styled.div`
[类别*=“MuiFab根”]
[class^='MuiFab-root']{
背景：#fff；
}
`;

.MuiFab-sizeSmall-963 
.MuiFab-primary-1145
.MuiFab-root-1153
.MuiButtonBase-root-1047
.QqyyK