Material ui 如何使每个元素继承MUI主题属性,例如字体
我正在使用MUI主题来设置材质UI组件的样式Material ui 如何使每个元素继承MUI主题属性,例如字体,material-ui,Material Ui,我正在使用MUI主题来设置材质UI组件的样式 getChildContext() { return { muiTheme: getMuiTheme(Theme), }; } 我想让一些属性影响所有的子项,特别是字体 目前,解决方案是使用CSS创建全局样式,但这似乎不太理想,因为它会复制代码。您放在上下文中的材质UI主题仅由读取和使用它的组件使用 使这些样式中的某些样式可用于层次结构中的其他组件的最简单方法是在顶级组件中内联使用它们,遵循在任何材质UI组件中都可以找到的模式 st
getChildContext() {
return {
muiTheme: getMuiTheme(Theme),
};
}
我想让一些属性影响所有的子项,特别是字体
目前,解决方案是使用CSS创建全局样式,但这似乎不太理想,因为它会复制代码。您放在上下文中的材质UI主题仅由读取和使用它的组件使用 使这些样式中的某些样式可用于层次结构中的其他组件的最简单方法是在顶级组件中内联使用它们,遵循在任何材质UI组件中都可以找到的模式
static contextTypes = {
muiTheme: PropTypes.object.isRequired,
};
render() {
const styles = {
fontFamily: this.context.muiTheme.fontFamily
};
return (
<div style={styles}>
<MyApp />
</div>
);
}
静态上下文类型={
muiTheme:PropTypes.object.isRequired,
};
render(){
常量样式={
fontFamily:this.context.muiTheme.fontFamily
};
返回(
);
}
您放在上下文中的材质UI主题仅由读取和使用它的组件使用
使这些样式中的某些样式可用于层次结构中的其他组件的最简单方法是在顶级组件中内联使用它们,遵循在任何材质UI组件中都可以找到的模式
static contextTypes = {
muiTheme: PropTypes.object.isRequired,
};
render() {
const styles = {
fontFamily: this.context.muiTheme.fontFamily
};
return (
<div style={styles}>
<MyApp />
</div>
);
}
静态上下文类型={
muiTheme:PropTypes.object.isRequired,
};
render(){
常量样式={
fontFamily:this.context.muiTheme.fontFamily
};
返回(
);
}