获取<T>输入打字稿

Question

例如，在我的情况下，我需要在 React ( React.FC ) 中重用组件的类型，但我希望通过使用Partial<T>将它与可选道具一起使用。

有没有办法从该组件类型（ type TypeTargetComponent = React.FC<T> ）“获取”通用<T> ？ 我想做类似的事情： React.FC<Partial<XXXX<typeof TargetComponent>>>其中XXXX是获得我想要的东西的“方法”。

Answer 1

type ExtractPropsType<T> = T extends React.FC<infer Type> ? Type : never; 

如果您键入typeof TargetComponent这应该有效

Answer 2

您可以使用 infer 关键字。

像这样的东西应该工作：

更新了答案以包含示例并修复了类型推断问题。

type FC<T> = { data: T }

type InferredValueOf<Comp extends FC<any>> = Comp extends FC<infer T> ? T : never

type Derived<TargetComponent> = TargetComponent extends FC<any> ? FC<Partial<InferredValueOf<TargetComponent>>> : never

type TestType = Derived<FC<{ testValue: "value" }>>

const test: TestType = {
    data: {
        // testValue is optional now
    }
}