材料UI-主题覆盖了错误的组件



我制作了两个Material UI组件。两者都在使用主题。然而,一个主题上的覆盖正在另一个主题中使用!我在想办法解决这个问题时失去了理智。这是代码:

这用于组件1:

const themeForComponent1 = createMuiTheme({
overrides: {
MuiInputLabel: {
root: {
padding: '13px 0 0 13px !important'
}
},
},
})

并且它正在改变组件2中的东西,组件2中恰好也有一个类为"0"的元素;MuiInputLabel根";。

(编辑:如果有帮助的话,组件在Formik中通过"as"道具使用Field元素进行调用。每个组件都使用自己的ThemeProvider元素。(

如果您希望有两个独立的主题,可以在此处查看Material UI文档https://material-ui.com/styles/advanced/

但事实上,你应该使用两个主题提供者。我告诉你,你应该只使用一个主题,并使用MaterialUI功能自定义你的组件样式,就像CSS类一样

最新更新