Question

每当我在material-ui中使用容器时，都必须手动将maxWidth设置为false。由于我认为我永远都不会要求容器的maxWidth只能是可用空间的100％，而且我希望容器能够正常工作，因此我想在我的react应用程序中全局设置它。

我每次要做的事情

import React from "react";
import Container from "@material-ui/core/Container";
import Paper from "@material-ui/core/Paper";

export default function App() {
  return (
    <Container maxWidth={false}>
    .
    .
    .
    </Container>
  );
}

我尝试在createTheme中设置它，但是它不起作用。

const theme = createMuiTheme({
      overrides: {
        MuiContainer: {
          root: {
            maxWidth: `100%`,
          },
        },
      },
    });

Answer 1

最简单的方法是设置prop的默认值，而不是尝试覆盖CSS：

const theme = createMuiTheme({
  props: {
    MuiContainer: {
      maxWidth: false
    }
  }
});

如何将容器的maxWidth设置为100％>>全局

1 个答案: