React Material-UI自包含应用程序CSS样式

Question

我已经使用CssBaseline组件和jss组件样式开发了React / Material UI应用程序，

methods:{
  getFiche: function(username) {
    return "#fiche?" + username;
  }
},

和withStyles（）（我认为它们使应用程序样式是自包含的（即，将忽略应用程序托管页面上的任何其他样式）。

但是，现在我要负责将新应用程序嵌入到现有应用程序的页面中，我注意到现有的应用程序样式有时会渗透到新的React / Material UI应用程序中（即，标签颜色是现有的应用程序颜色而不是Material UI颜色。

• CssBaseline组件中是否存在这些错误？
• 如何更新新的 保持旧样式不受影响的应用程序？

作为参考，我的App组件如下所示：

const styles = (theme: Theme) => ({
    "appBar": {
        "zIndex": theme.zIndex.appBar,
    },
    "buttonContainer": {
        "marginRight": theme.spacing.unit
    },
    "leftBar": {
        "alignItems": "center",
        "display": "flex",
        "flexGrow": 1,
    },
    "logo": {
        "display": "inline-block",
        "height": 30,
        "marginRight": theme.spacing.unit,
        "width": 30,
    },
    "rightBar": {
        "alignItems": "center",
        "display": "flex",
        "flexGrow": 1,
        "justifyContent": "flex-end",
    },
});