类型“string”不可分配
类型“string”不可分配
提问于 2022-07-26 00:43:02
下面是我如何在自己的react应用程序中定义和使用我的类型：
FontSize.ts
const fontSize = {
xs: 'xs',
sm: 'sm',
base: 'base',
lg: 'lg',
xl: 'xl'
}
export default Object.freeze(fontSize);这是我的简单文本组件：
Text.tsx
import { FontSize } from '@bl/foundation';
interface TextProps {
size?: keyof typeof FontSize,
children: React.ReactNode;
}
const Text:React.FC<TextProps> = ({ size = FontSize.sm, children }) => {
const classNames = `font-size-${size}`;
return <p className={classNames}>
{children}
</p>
}当我编写组件时：
<Text size={FontSize.lg} > Some text here. </Text>它在size属性中显示了这个错误：
Type 'string' is not assignable to type '"xs" | "sm" | "lg" | "xl" | "base" | undefined'.
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-07-26 00:49:15
创建一个枚举FontSize (参见下面)来替换fontSize对象。
Enum：
enum FontSize {
XS = "xs",
SM = "sm",
BASE = "base",
LG = "lg",
XL = "xl",
}这还允许您删除Object.freeze函数调用。
然后更改TextProps接口，使size的类型为FontSize (创建的枚举)：
interface TextProps {
size?: FontSize,
children: React.ReactNode;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73120269
复制
相似问题
类型'string‘不可分配给类型'(url: string) => string’。to (2322)
类型{ [key: string]：string }不可分配给类型{ [key: string]：string }区'undefined‘
TypeScript:可索引类型，string[]不可分配
Typescript -类型KeyValuePair<string，Date>不可分配给类型KeyValuePair<number，string>
React TypeScript:类型“”string[]“”不可分配给类型“”never[]“”
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
