gpt4 book ai didi

material-ui - 在 makeStyles (Typescript) 中传播通用样式

转载 作者:行者123 更新时间:2023-12-04 01:40:44 24 4
gpt4 key购买 nike

我需要在 makeStyles 内的多个样式中传播通用样式。这适用于我的 jsx,但是当我移动到 tsx 时会出错。

const abc = {
fontWeight: 600,
textTransform: 'uppercase',
}

const useStyles = makeStyles(() => ({
abcAdd: {
...abc,
color: '#B25846';
},
}))

最佳答案

如果对象是在 TypeScript 中声明的,则将其类型设置为 CSSProperties

import { CSSProperties } from "@material-ui/core/styles/withStyles";

const abc: CSSProperties = {
fontWeight: 600,
textTransform: 'uppercase',
}

或者,如果对象来自 JavaScript,则将其强制转换为 CSSProperties
import { CSSProperties } from "@material-ui/core/styles/withStyles";
import { abc } from "./some/path/to/javascript";

const useStyles = makeStyles(() => ({
abcAdd: {
...abc as CSSProperties,
color: '#B25846',
},
}))

关于material-ui - 在 makeStyles (Typescript) 中传播通用样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57550898/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com