覆盖嵌套在theme.breakpoints.up("md")中的md主题

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;
}