扩展“通用”类型脚本接口

Question

考虑以下TS定义：

type GenericPropsWithChildren<T> = T & { children?: ReactNode };

type没什么问题，但我想知道是否有一个接口等效？显然，可以将泛型传递到接口中，尽管这不是我想要的，例如：

interface GenericPropsWithChildren<T> {
 children?: ReactNode;
 myProps: T; // not desired
}

这里的示例是在React代码的上下文中，但潜在的问题是基本的TS。

Answer 1

在声明时必须知道接口的成员，在扩展中使用泛型类型参数违反了此规则。所以没有办法创建一个等效的通用接口。

如果已经知道类型参数，则可以在接口中实际继承类型别名。只要所有成员在申报时都知道，则允许：

import { ReactNode } from 'react'

type GenericPropsWithChildren<T> = T & { children?: ReactNode };

interface Concrete extends GenericPropsWithChildren<{ p: string }> {

}

运动场连接