覆盖嵌套在theme.breakpoints.up（“ md”）中的Mui主题

Question

码

MuiTab: {
    root: {
        height: 140,
        [theme.breakpoints.up("md")]: {
             minWidth: 72,
        }
    }
}

错误

[ts]找不到名称“主题”。

问题

我不知道在哪里声明“主题”。

Answer 1

您发布的代码段可能来自您通过调用来创建自定义主题的方法createMuiTheme()。诀窍是将的结果分配给createMuiTheme()局部变量，然后设置替代。然后可以使用断点：

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

export function getCustomTheme() {
    let theme: any = createMuiTheme({
        palette: {
            primary: orange,
        },
        overrides: {}
    });

    theme.overrides.MuiTab = {
        root: {
            height: 140,
            [theme.breakpoints.up('md')]: {
                minWidth: 72,
                backgroundColor: 'red'
            }
        }
    };

    return theme;
}