TypeScript可扩展类型定义问题：子接口继承带索引签名的基接口时报TS2344错误

你遇到的这个TS2344错误，核心原因是BaseBlockProps里的[propName: string]: unknown索引签名在搞事情——TypeScript要求所有继承它的类型必须兼容这个索引规则：要么子类型也定义相同的索引签名，要么所有属性都能被归入这个索引的类型范围。但你的TitleAndSubtitleBlockProps只有明确的字符串属性，没有索引签名，所以TypeScript判定它不满足约束。

下面给你两种实用的解决方案：

方案1：用交叉类型替代接口继承（推荐） #

先把BaseBlockProps改成只包含固定属性的基础接口，去掉那个惹麻烦的索引签名：

interface BaseBlockProps {
  dispatch?: PageMakerDispatch;
  ctx?: ServiceContext;
  formValues?: FieldValues;
}

然后通过交叉类型把基础属性和自定义属性合并在一起，这样既保留了Base的核心属性，又能自由添加自定义字段，完全不需要索引签名：

export type TitleAndSubtitleBlockProps = BaseBlockProps & {
  titleText: string;
  subtitleText: string;
};

方案2：用泛型基类型实现灵活扩展 #

如果需要更灵活地复用基础属性（比如多个子类型都要继承），可以把BaseBlockProps定义为带泛型的类型别名，允许传入自定义属性的类型：

type BaseBlockProps<CustomProps extends Record<string, unknown> = {}> = {
  dispatch?: PageMakerDispatch;
  ctx?: ServiceContext;
  formValues?: FieldValues;
} & CustomProps;

之后定义子类型时，只需要把自定义属性的类型传入泛型参数即可：

export type TitleAndSubtitleBlockProps = BaseBlockProps<{
  titleText: string;
  subtitleText: string;
}>;

补充：为什么原来的索引签名会报错？ #

TypeScript的结构类型系统对索引签名的约束很严格：当父类型有索引签名时，子类型必须能被父类型的索引签名“覆盖”。哪怕你的子类型属性类型符合索引签名的unknown，只要没有显式定义索引签名，TypeScript就会认为它不满足约束。去掉索引签名后，我们通过交叉或泛型的方式组合属性，既满足了“继承基础属性+添加自定义属性”的需求，又避开了索引签名带来的不必要约束。

内容的提问来源于stack exchange，提问作者blazkovicz