すべての要素をMUIのテーマプロパティを継承させる方法フォント

Question

MUIテーマを使用してマテリアルUIコンポーネントのスタイルを設定しています。

getChildContext() { 
    return { 
    muiTheme: getMuiTheme(Theme), 
    }; 
} 

私はいくつかのプロパティをすべての子、特にフォントに適用したいと考えています。

現在のところ、解決策はCSSでグローバルスタイルを作成することですが、コードを複製すると最適ではないようです。

Answer 1

コンテキストに置くMaterial-UIテーマは、それを読み込んで使用するコンポーネントによってのみ消費されます。

これらのスタイルのいくつかを階層内の他のコンポーネントで使用する最も簡単な方法は、どのMaterial-UIコンポーネントでも見つかるパターンに従って、最上位コンポーネントでインラインで使用することです。

static contextTypes = { 
    muiTheme: PropTypes.object.isRequired, 
}; 

render() { 
    const styles = { 
    fontFamily: this.context.muiTheme.fontFamily 
    }; 

    return (
    <div style={styles}> 
     <MyApp /> 
    </div> 
); 
}