css - react material-ui 如何覆盖 muibox-root

Question

我想覆盖整个应用程序的 MuiBox-root 样式。根据 official documentation我需要确定类(class):

除其他事项外，我可以覆盖它:

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

Answer 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);