reactjs - Material UI 深色主题不适用于背景

Question

我有我的 react 应用程序，我想在其中应用 Material UI darkBaseTheme。如果没有它，我的应用程序的一部分看起来像这样:

将所有 html 内容包装在 render() 中后:

<MuiThemeProvider muiTheme={getMuiTheme(darkBaseTheme)}>
</MuiThemeProvider>

拥有这些导入:

import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; // add
import RaisedButton from 'material-ui/RaisedButton'; // add
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';

看起来像这样:

所以它改变了RaishedButtons。我知道它不应该改变 html 的。但为什么不把背景变成黑暗呢？有没有办法做到这一点，或者我必须在没有 Material UI 的情况下手动执行此操作？

Answer 1

您需要包含 <CssBaseline />组件位于应用程序的根部，因为这是处理更改主体背景颜色的组件。

Docs