reactjs - material-ui createMuiTheme调色板类型为dark不会将textcolor更改为light

我已经设置了调色板类型：createMuiTheme中为dark，它将背景颜色更改为Dark，这很好。但是文字颜色保持黑色。它不应该适应较浅的颜色吗？

CodeSandbox链接：https://codesandbox.io/s/j22rvq4w2v

import React from 'react';
import ReactDOM from 'react-dom';
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import CssBaseline from '@material-ui/core/CssBaseline';
import App from './App';

const theme = createMuiTheme({
  palette: {
    type: 'dark',
  },
});

ReactDOM.render(

<MuiThemeProvider theme={theme}>
    <React.Fragment>
        <CssBaseline />
            <App/>
    </React.Fragment>
</MuiThemeProvider>,
     document.getElementById('app'));

该应用程序组件仅包含一个AppBar和简单文本。

更新：我之前提到的Material-ui的版本为v1，这是不正确的。抱歉，错误信息是3.10.10

最佳答案

您只是误解了CssBaseline的用途。该组件是某种CSS重置器，它不会添加任何视觉样式，而只会添加布局和框大小设置。

您真正想要的是Typography component。

请参见updated and working CodeSandbox。

关于reactjs - material-ui createMuiTheme调色板类型为dark不会将textcolor更改为light，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52067588/