打字稿通知编译器正在使用哪种联合类型

Question

假设我有以下类型：

type TMyType = {
  a: string;
  b: number;
  c: number;
  d?: SpecialTypeA | SpecialTypeB | SpecialTypeC;
}

如何告诉 typescript 在我的 (React) 子组件中我知道 d 是哪种类型？
我正在寻找类似data={data} as TMyType <SpecialTypeB>.
如果这是不可能的，那么最好和最容易理解的解决方案是什么，因为我们团队中的很多人都是使用 typescript 的新手

解决方案按照 AKX 建议：

type TMyType<T extends SpecialTypeA | SpecialTypeB | SpecialTypeC> = {
  a: string;
  b: number;
  c: number;
  d?: T;
}

对于我的反应父组件：

<ChildComponent data = {data as TMyType<SpecialTypeA>}/>

在子组件内部

interface IProps {
  data: TMyType<SpecialTypeA> 
}

Answer 1

我只是将类型重写为

type TMyType<T> = {
  a: string;
  b: number;
  c: number;
  d?: T;
}

如果你想限制 T 的类型，你可以使用 <T extends A | B | C>。