我制作了两个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类一样