React - createMuiTheme 和 createTheme 之间的区别

Question

正如标题所说。两者都接受相同类型的ThemeOptions对象。

const theme = createMuiTheme({
  palette: {
    primary: {
      main: "#006400"
    },
    secondary: {
      main: "#ffa500"
    }
  }
});

const theme = createTheme({
  palette: {
    primary: {
      main: "#006400"
    },
    secondary: {
      main: "#ffa500"
    }
  }
});

createMuiTheme() 是否仅用于将样式应用于 Mui 组件，而不是我的自定义组件？

如果我想创建自定义 CSS 类，我应该使用makeStyles()它吗？

Answer 1

createTheme是较新的名称，createMuiTheme已弃用https://github.com/elyra-ai/elyra/pull/1885。你是对的createTheme()用于将不同的默认样式应用于 Mui 组件

makeStyles()是为新组件或 Mui 组件制作自定义 css 类的好方法。