覆盖嵌套在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;
}