Reactjs 从标题中的物料UI复制按钮基线 @材料界面/核心-4.3.1 反应-16.8.6/16.9.0 网页-4.38.0/4.39.1

在我们的项目中，当我们在一个组件中有一个material ui按钮，然后在同一页面上的一个单独组件中，我们使用一个扩展面板或其他类型的按钮，我们将第二个MuiButtonBase实例导入到标题中。这导致我们的自定义样式被覆盖，样式被一起转储

我们已经按照

我们还尝试了在上找到的步骤

这两个都没有为我们解决这个问题（

导入{
模态，按钮，
}来自“@material ui/core”；
() => (
{cancelText}
{confirmText}
);

导入{
ExpansionPanel、ExpansionPanelSummary、ExpansionPanelDetails、，
}来自“@material ui/core”；
() => (
{name}
{儿童}
);

如果我们没有两个MuiButtonBases导致我们的风格被覆盖，那就太好了

---

我找到了解决方案。问题是我使用了

@material ui/core

作为babel文件中声明的插件

---

这是一个错误。谢谢大家的帮助！

这太愚蠢了，我无法发布图像…我只能放上链接。对不起大家：（您是否尝试过为按钮提供唯一的ID或类名？@TechTeam12您也可以将html粘贴到您的帖子中，并指出重复的元素。@BenjaminUrquhart html在屏幕截图中。标题会被注入两次样式。如果您在页面上运行一个包含两个组件的MUI项目，每个组件都执行了类似于上述代码段的操作你应该得到它。抱歉，如果它是snide，只是不确定你在找什么。谢谢你的帮助！@TechTeam12我的意思是将html粘贴到你的帖子中，而不是截屏。你好，我也有同样的问题，你能告诉我你是如何解决的吗？

 splitChunks: {
      chunks: 'async',
      minChunks: 2,
      name: 'vendor',
      cacheGroups: {
        vendor: {
          test: /[\\/]node_modules[\\/]/,
          priority: -10,
        },
      }
    },
  },

import {
  Modal, Button,
} from '@material-ui/core';

() => (
  <Modal open={open}>
          <Button className={classes.cancel} onClick={onCancel}>{cancelText}</Button>
          <Button className={classes.delete} onClick={onConfirm}>{confirmText}</Button>
  </Modal>
);

import {
  ExpansionPanel, ExpansionPanelSummary, ExpansionPanelDetails,
} from '@material-ui/core';

() => (
<ExpansionPanel expanded={expanded}>
        <ExpansionPanelSummary onClick={toggle} className={classes.summary} expandIcon={<ExpandMore />}>
          <span>
            {name}
          </span>
        </ExpansionPanelSummary>
        <ExpansionPanelDetails>
          {children}
        </ExpansionPanelDetails>
      </ExpansionPanel>
);