Material ui 材质UI-主题覆盖了错误的组件
我制作了两个重要的UI组件。两者都使用主题。但是,一个主题上的覆盖正在另一个主题中使用!我正在发疯,想办法解决这个问题。代码如下: 这将用于组件1:Material ui 材质UI-主题覆盖了错误的组件,material-ui,themes,Material Ui,Themes,我制作了两个重要的UI组件。两者都使用主题。但是,一个主题上的覆盖正在另一个主题中使用!我正在发疯,想办法解决这个问题。代码如下: 这将用于组件1: const themeForComponent1 = createMuiTheme({ overrides: { MuiInputLabel: { root: { padding: '13px 0 0 13px !important' } }, }, }) …它正在改变组件2中的内容
const themeForComponent1 = createMuiTheme({
overrides: {
MuiInputLabel: {
root: {
padding: '13px 0 0 13px !important'
}
},
},
})
…它正在改变组件2中的内容,组件2中碰巧还有一个类为“MuiInputLabel root”的元素
(编辑:如果有帮助的话,组件将通过“as”属性使用Field元素在Formik中调用。每个组件都使用自己的ThemeProvider元素。)如果您希望有两个独立的主题,可以在此处查看Material UI文档
但事实上,您应该使用两个主题提供者。我建议您只使用一个主题,并使用材质UI函数自定义组件样式,就像CSS类一样我不确定您是否想到了这一点,但每个组件都有自己的包装器。如果有帮助的话,在Formik中通过“as”属性使用元素调用组件。您能显示代码吗?特别是在您定义提供程序的地方?