web-dev-qa-db-ja.com

createMuiThemeで以前のテーマ変数にアクセスする

実行中マテリアルUI1.0.0-beta.24

createMuiThemeを使用して新しいテーマを設定しています：

import {createMuiTheme} from 'material-ui/styles';

const theme = createMuiTheme({
  typography: {
    fontSize: 16
  }
});

export default theme;

ここで直接オーバーライドしているテーマにアクセスするにはどうすればよいですか？私はこれをしたいのですが、機能していません：

import {createMuiTheme} from 'material-ui/styles';

const theme = createMuiTheme({
  typography: {
    fontSize: theme.typography.fontSize + 2
  }
});

export default theme;
reactjsmaterial-uithemingjss
13
Romainpetit

デフォルトのテーマのインスタンスを作成し、独自のテーマを定義するときにそれを使用する必要があります。

import { createMuiTheme } from 'material-ui/styles';

const defaultTheme = createMuiTheme();

const theme = createMuiTheme({
  typography: {
    fontSize: defaultTheme.typography.fontSize + 2
  }
});

export default theme;
23
Ken Gregory

テーマを作成し、themeの作成後にテーマに追加することもできます。

import { createMuiTheme } from 'material-ui/styles';

const theme = createMuiTheme();
theme.typography = {
  fontSize: theme.typography.fontSize + 2
}

export default theme;
1
zeckdude