在 MuiThemeProvider 中设置主体背景图像

Question

我有一个带有 Material UI 的 React 应用程序。我知道如何在 body 上设置主题的默认背景颜色。但是，我想改为设置背景图像。我怎样才能做到这一点？

const theme = createMuiTheme({
  palette: {
    background: {
      default: ???
    }
  }
});

Answer 1

如果您使用的是 CssBaseline，您可以通过主题覆盖应用全局样式并设置 body 的 backgroundImage，例如https://codesandbox.io/s/v30yq681ql。您应该能够通过您正在使用的任何组件设置全局样式。