更改material-ui中的主色会导致material-ui日期选择器崩溃

Question

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

“

​

我调查了这个问题，并了解到，如果我覆盖项目的主色和次色，就会抛出错误。否则，选取器工作正常。

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

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

我尝试使用不同版本的datepicker，但无法解决此问题。

库版本：

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

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

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

尽管这在下一版本中可能不相关，因为他们将在material-ui/core库中移动库。

Answer 2

尝试使用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],
    },
  },
});

​