如何重写自动生成文件中TypeScript接口的属性类型?
重写自动生成接口的属性类型
针对你无法修改自动生成的api.ts中Response接口的情况,有几种类型安全的方式重写data属性的类型:
方法一:使用Omit+交叉类型
先导入原接口并别名,再通过Omit移除原有data属性,再和指定类型的data做交叉,生成新类型:
import { Response as OriginalResponse } from './api.ts'; // 将data重写为string类型的新接口 type StringResponse = Omit<OriginalResponse, 'data'> & { data: string };
这个方式会保留原接口其他所有属性,仅替换data的类型,完全类型安全。
方法二:泛型包装(支持多类型场景)
如果需要给data指定不同类型,可以封装一个泛型类型:
import { Response as OriginalResponse } from './api.ts'; // 泛型类型,可灵活指定data的类型 type TypedResponse<T> = Omit<OriginalResponse, 'data'> & { data: T }; // 使用示例:指定data为string type StringResponse = TypedResponse<string>; // 也可以指定为其他类型,比如数字 type NumberResponse = TypedResponse<number>;
方法三:临时类型断言(仅临时场景使用)
如果只是在某个局部需要指定data类型,可以直接用类型断言,但这种方式不够严谨,仅适合简单场景:
import { Response } from './api.ts'; const response: Response = await yourApiCall(); // 断言data为string类型 const data = response.data as string;
内容的提问来源于stack exchange,提问作者Kiryl Ch
相关产品推荐
相关产品推荐

