材质UI默认主题会覆盖自定义主题
雷米
在我的应用程序中，我将按照Material UI文档中的说明应用自定义主题。
import { createMuiTheme, MuiThemeProvider } from '@material-ui/core';
const App = () => {
const theme = createMuiTheme({ palette: { primary: { main: 'red' } } });
return (
<MuiThemeProvider theme={theme}>
<Route path="/" component={Home} />
</MuiThemeProvider>
);
}
但是发生的是，如果我从核心程序包中应用一个Button，它将获得正确的替代颜色（在这种情况下为红色）。但是随后发生了重新渲染，并且突然将颜色更改为默认的Material UI颜色（蓝色）。
奇怪的是，如果我查看页面的源代码，则会应用两个样式标签实例：
第一个样式标签包含“红色”颜色。但是第二个样式标签包含默认的Material UI颜色（#3f51b5）。
我不知道在哪里看。
雷米
好的 没有问题的适当背景，这个答案是根本不可能的。但这也许也可以帮助其他人。
事实证明，在我的应用程序中，我在ThemeProvider之外使用了Button组件。这样，添加了其他样式标签。由于该样式具有默认样式，并且由于后来在React树中使用了该样式，因此它覆盖了其他Button组件。
现在，我想有两种方法可以解决此问题：
- 通过使用类使样式更加特定于按钮
- 使其在主题提供程序中添加按钮
我去了后者。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
自定义主题 Angular 材质
- 2
材质颜色工具中的角度材质自定义主题
- 3
Prestashop默认主题自定义方法
- 4
无法识别在主题中添加自定义颜色的材质UI
- 5
Material-UI自定义主题
- 6
jQuery UI Datepicker的自定义主题
- 7
Material ui自定义主题实现
- 8
我应该如何应用自定义角度材质主题？
- 9
为什么Wordpress会覆盖我的自定义TwentyTwelve主题？
- 10
为什么Wordpress会覆盖我的自定义TwentyTwelve主题？
- 11
使用AngularJS ui路由器会破坏自定义引导主题的行为
- 12
在自定义Orchard CMS主题中覆盖管理形状
- 13
在自定义Orchard CMS主题中覆盖Admin形状
- 14
通过子主题自定义主题
- 15
将默认设计主题更改为自定义颜色
- 16
括号：自定义主题
- 17
自定义WordPress主题
- 18
如何在材料UI中应用自定义主题
- 19
使用jQuery UI ThemeRoller自定义主题实现问题
- 20
使用jQuery UI ThemeRoller自定义主题实现问题
- 21
Aurelia和语义UI-自定义主题
- 22
如何在有角度的材质中定义自定义主题以控制按钮文本的颜色？
- 23
来宾角色的用户看到默认主题，而是为给定布局自定义主题
- 24
合并材质UI主题
- 25
如何将自定义材质设计主题应用于Bootstrap组件
- 26
如何将自定义材质设计主题应用于Bootstrap组件
- 27
如何定义自定义应用程序主题以为Android中的布局指定默认背景？
- 28
jQuery Mobile自定义主题按钮
- 29
实施自定义主题的Android问题
我来说两句