时间戳

首页 > 解决方案 > react - createMuiTheme 和 createTheme 的区别

reactjs - react - createMuiTheme 和 createTheme 的区别

问题描述

正如标题所说。两者都接受同一种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()吗？

标签： reactjsmaterial-uithemes

解决方案

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

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

推荐阅读