更改 material-ui 中的主要颜色会导致 material-ui datepicker 崩溃

问题描述

我正在使用 material-ui/pickers 库添加 datepicker。 但它抛出以下异常。

"

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

这就是我添加自定义主色和辅助色的方式。

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

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

库版本：

    "@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",

解决方法

尝试使用 Material UI 的内部调色板，就像这样

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

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

,

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

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

虽然这在下一个版本中可能不相关，因为他们正在将库移到 material-ui/core 库中。