react material-ui 如何覆盖 muibox-root答案

【问题标题】：react material-ui how to override muibox-rootreact material-ui 如何覆盖 muibox-root
【发布时间】：2021-03-21 06:39:36
【问题描述】：

我想覆盖整个应用程序的MuiBox-root样式。根据official documentation我需要识别类：

除其他外，我可以覆盖它：

但如果我这样做，它只会删除样式。我在这里做错了什么？

【问题讨论】：

createMuiTheme，正如文档中所说，“将 Material-UI 注入的每一个样式都更改为 DOM”。所以它会清除旧的 CSS 并用你的 CSS 替换它们。如果您只想更改某些属性而保持其余部分不变，那么makeStyles 可能是您的答案
@kunquan 我只想更改一次填充属性
显示整个代码
是的，您可以使用makeStyles 做到这一点。您可以通过转到任何组件并选择查看整个代码来了解如何使用它。这种方法基本上可以让你编写 CSS 并且不会完全清除默认的 CSS
@kunquan 我无法正常工作...它一直呈现相同的值

标签： css reactjs material-ui overriding react-material

【解决方案1】：

这样就可以了：

import { withStyles } from "@material-ui/core/styles";

const styles = {
  root: {
    padding: "10px"
  }
};

function App({ classes }) {
  return <yourelement  className={classes.root}>xyz...<yourelement/>;
}
export default withStyles(styles)(App);

【讨论】：