如何解决如何使用Typescript在Material-UI中自定义主题?
我尝试通过以下方式更改MuiContainer
的默认设置:
export const theme = createMuiTheme({
overrides: {
MuiContainer: {
maxWidthLg: 1400,}
}
})
然后收到类型错误:Type 'number' is not assignable to type 'CSSProperties | CreateCSSProperties<{}>
我应该怎么做才能自定义maxWidthLg
的{{1}}属性?
解决方法
很好,您找到了答案! 对于其他任何人,当您遇到Material-UI的此类问题并且您正在使用和IDE时,它将使您跳至node_modules中负责的文件(或者您可以搜索它)。更好地了解您尝试使用的东西:
export interface TransitionsOptions {
easing?: Partial<Easing>;
duration?: Partial<Duration>;
create?: (
props: string | string[],options?: Partial<{ duration: number | string; easing: string; delay: number | string }>
) => string;
getAutoHeightDuration?: (height: number) => number;
}
,
伙计们,这就是答案
当isAif在评论中回答时,必须指定对象而不是数字。
我想自定义类maxWidth
的{{1}},所以不要这样做:
MuiContainer-maxWidthLg
我需要这样做:
export const theme = createMuiTheme({
overrides: {
MuiContainer: {
maxWidthLg: 1400,}
}
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。