如何解决更改 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
库中。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。