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

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

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

Answer 2

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

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

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

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

Changing primary color in material-ui causes material-ui datepicker to crash

reactjs

material-ui

materialdatepicker