reactjs - React-material AppBar 和主题
问题描述
我尝试将主题添加到我的反应应用程序,但是当我像这样添加时:
const theme = createTheme({
palette: {
primary: {
main: '#556cd6',
},
secondary: {
main: '#19857b',
},
error: {
main: red.A400,
},
background: {
default: '#fff',
},
},
});
接着 :
<ThemeProvider theme={theme}>
我在 AppBar 组件中遇到错误
> Uncaught TypeError: Cannot read property '100' of undefined
> at renderer.dev.js:4524
> at transformedStyleArg (renderer.dev.js:18657)
> at handleInterpolation (renderer.dev.js:1631)
> at serializeStyles (renderer.dev.js:1756)
> at renderer.dev.js:2100
> at renderer.dev.js:909
> at renderWithHooks (renderer.dev.js:64339)
> at updateForwardRef (renderer.dev.js:66398)
> at beginWork (renderer.dev.js:68452)
> at HTMLUnknownElement.callCallback (renderer.dev.js:53299)
在这一行
const backgroundColorDefault = theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[900];
theme.palette.grey 未定义
解决方案
const theme = createTheme({
palette: {
grey: {
main: '#808080'
},
});
推荐阅读
- android - Recycler View添加Item Animator没有动画
- php - 如何使用 PHP 在 JSON 中获取这个嵌套字符串?
- python - 检查字符串是否是列表的有序子列表
- ruby-on-rails - ActiveRecord.where 在 rake 任务中无效,在 Rails 控制台中工作
- android - ColdFusion 读取移动设备文件并写入移动设备文件 - 从本地设备
- amazon-web-services - 在某个日期查看所有 S3 对象上传/拉取的方法?
- c# - 我应该如何将这个 C 函数指针结构移植到 C# .NET 实现
- javascript - nodejs“this”在转换中未定义
- vue.js - 使用 vue-multiselect 将对象数组从 vue 传递到 laravel
- angular - 带有 OnPush 更改检测的 Angular 更新属性