Material ui 材质UI-主题覆盖了错误的组件

Material ui 材质UI-主题覆盖了错误的组件,material-ui,themes,Material Ui,Themes,我制作了两个重要的UI组件。两者都使用主题。但是,一个主题上的覆盖正在另一个主题中使用!我正在发疯,想办法解决这个问题。代码如下: 这将用于组件1: const themeForComponent1 = createMuiTheme({ overrides: { MuiInputLabel: { root: { padding: '13px 0 0 13px !important' } }, }, }) …它正在改变组件2中的内容

我制作了两个重要的UI组件。两者都使用主题。但是,一个主题上的覆盖正在另一个主题中使用!我正在发疯,想办法解决这个问题。代码如下:

这将用于组件1:

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”属性使用元素调用组件。您能显示代码吗?特别是在您定义提供程序的地方?