覆蓋梅主題嵌套在theme.breakpoints.up（ 「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; 
}