TypeScript interface 中使用联合类型出现报错？
站长
· 阅读数 10
interface Person {
name: string,
age?: number,
[propName: string]: string | number,
}当Person接口中使用了联合类型时，age报错：类型“number | undefined”的属性“age”不能赋给“string”索引类型“string | number”。是什么原因啊？
回复
1个回答
test
2024-07-11
你的类型等同于
age: number | undefined但是你设置了索引签名，interface中的所有成员都必须符合字符串的索引签名，此时你的agee显然是满足不了[propName: string]: string | number的，就报错了可以改成这样
interface Person {
name: string,
age?: number,
[propName: string]: string | number | undefined,
}回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引，对解决问题有帮助
- 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容