在 MUI v5 中使用 createTheme 创建 defaultProps 不起作用

Question

我是第一次使用 Material-UI v5，我想用createTheme 创建一个自定义主题来设置按钮组件的样式。根据documentation：

主题的components 键允许您自定义组件而无需将其包装在另一个组件中。您可以更改样式、默认道具等。

他们提供了一个代码示例：

const theme = createTheme({
  components: {
    // Name of the component
    MuiButtonBase: {
      defaultProps: {
        // The props to change the default for.
        disableRipple: true, // No more ripple!
      },
    },
  },
});

但是当我尝试实现它时，似乎没有createTheme 的组件键。我收到以下错误：

Argument of type '{ components: any; }' is not assignable to parameter of type 'ThemeOptions'.
  Object literal may only specify known properties, and 'components' does not exist in type 'ThemeOptions'

这里可能有什么问题？

Answer 1

您使用的是 MUI v5，但是您从 v4 中导入了 createTheme，它在 createTheme 中没有 components 属性，因此将导入路径更改为：

import { createTheme } from "@mui/material/styles";

发件人：

import { createTheme } from "@material-ui/core";