Reactjs 重写嵌套在theme.breakpoints.up（“md”）中的Mui主题

代码

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

错误

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

问题

---

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

您发布的代码片段可能来自一个方法，您可以通过调用

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