オーバーライドムイのテーマ（ "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; 
}