material-ui - 删除@mui v5 中的默认主题样式

Question

当主题化@mui v4.x 时，我可以通过将其设置为未定义来删除一些样式：

MuiCardHeader: {
    action: {
        flex: undefined,
        ...
    },

它似乎不适用于 v5。

在 v5 中执行此操作的方法是什么？

标签： material-ui

Answer 1

您仍然可以覆盖道具，但主题对象的形状在 v5 中有点不同：defaultProps 和 styleOverrides 设置在components键下

const theme = createTheme({
  components: {
    MuiCardHeader: {
      styleOverrides: {
        action: {
          flex: undefined,
        },
      },
    },
  },
});