1. ホーム
  2. reactjs

[解決済み] react - createMuiThemeとcreateThemeの違い。

2022-02-05 16:18:12

質問

タイトルの通りです。どちらも同じような 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() の代わりに?

どのように解決するのですか?

createTheme は新しい名前です。 createMuiTheme は非推奨 https://github.com/elyra-ai/elyra/pull/1885 . あなたは正しいです createTheme() は、Muiコンポーネントに異なるデフォルトスタイルを適用するために使用されます。

makeStyles() は、新しいコンポーネントやMuiコンポーネントのためにカスタムCSSクラスを作成する良い方法です。