在createMuiTheme

Question

运行材料用户界面 1.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;

Answer 1

您需要创建默认主题的实例，并在定义自己的主题时使用它：

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

const defaultTheme = createMuiTheme();

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

export default theme;

Answer 2

您还可以创建主题，然后在创建theme之后添加到主题。

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

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

export default theme;