reactjs - 在 material-ui 中更改原色会导致 material-ui datepicker 崩溃

Question

我正在使用该material-ui/pickers库添加一个datepicker. 但它会引发以下异常。

"

我调查了这个问题并了解到，如果我覆盖项目的主要颜色和次要颜色，则会引发错误。否则，选择器工作正常。

这就是我添加自定义原色和二次色的方式。

palette: {
    primary: {
        main: '#1D2951',
        contrastText: 'white',
    },
    secondary: {
        main: '#28D9C3',
        contrastText: 'white',
    },
},

我尝试使用不同版本的日期选择器，但无法解决问题。

库版本：

    "@material-ui/core": "^4.11.1",
    "@material-ui/icons": "^4.9.1",
    "@material-ui/lab": "^4.0.0-alpha.56",
    "@material-ui/pickers": "^3.2.10",

Answer 1

尝试使用材质 UI 的内部调色板，像这样

import { createMuiTheme } from '@material-ui/core/styles';
import purple from '@material-ui/core/colors/purple';

const theme = createMuiTheme({
  palette: {
    primary: {
      main: purple[500],
    },
  },
});

Answer 2

我刚刚在调色板 json 中添加了对比文本和默认背景颜色。

const theme = createMuiTheme({
    palette: {
        primary: {
            main: '#1D2951',
            contrastText: '#fff',
        },
        secondary: {
            main: '#28D9C3',
            contrastText: '#fff',
        },
        background: {
            default: '#fff'
        }
    },

虽然这可能与下一个版本无关，因为他们正在库中移动material-ui/core库。