reactjs - 访问 createMuiTheme 中以前的主题变量

Question

运行Material UI 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;