反应 material-ui 如何覆盖 muibox-root

Question

我想将整个 application.According 的 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);

Answer 2

您可以在 Box 组件上使用 sx 属性。例如：

<Box sx={{ padding: "10px" }}>
   <YourChildComponents/>
</Box>