react - createMuiTheme 和 createTheme 的区别

Question

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

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 类的好方法。

react - Difference between createMuiTheme and createTheme