如何键入可能看起来不同的服务器响应?

Question

我正在查询一个可以响应的服务器

interface Response {
[id: string]: Data
}

或

interface Response {
error: string
}

但我收到以下错误：Property 'error' of type 'string' is not assignable to string index type '{ /* Structure of Data */ }'.

应该如何输入？

Answer 1

您可以将服务器响应类型定义为数据响应和错误响应的联合：

interface DataResponse {
[id: string]: Data
}
interface ErrorResponse {
error: string
}
type ServerResponse = DataResponse | ErrorResponse;