1

まず、クラスを利用したコンポーネントを2つ用意します。

class AdminInfoComponent {
  public userCount: number = 0;
}
class UserComponent {
  public id: string = "";
  public createdAt: number = 0;
}

次に、クラスのプロパティ(コンポーネントのフィールド)名を取得する型を作ります。

type ExtractFields<T> = {
  [K in keyof T]: K
}[keyof T];

参考:
https://stackoverflow.com/questions/55479658/how-to-create-a-type-excluding-instance-methods-from-a-class-in-typescript

例えば、この型をそれぞれのコンポーネント(クラス)に適用すると以下のようになります。

let test1: ExtractFields<AdminInfoComponent>; // "userCount"
let test2: ExtractFields<UserComponent>; // "userID" | "createdAt"

ここで私は型に設定するコンポーネントがユニオン型(2通り以上のケース)の場合も正常に実行できるのかを確認したところ、

let test3: ExtractFields<AdminInfoComponent | UserComponent>; // NEVER

まさかのneverでした。予想してた(求めてた)型:"userCount" | "userID" | "createdAt"

neverになる理由が分からず、どこを修正したら求めてた型が返されるのかがいつまで経っても分からないので質問させていただきました。
よろしくお願いします。

1 件の回答 1

0

求める型はこれだろうと思います。

let test3: ExtractFields<AdminInfoComponent> | ExtractFields<UserComponent>

質問中ではあえて省略した部分があるのだと思いますが、そうでないならば、ExtractFields は単純な keyof で代替できると思います(念のため)。

let test1: keyof AdminInfoComponent
let test2: keyof UserComponent
let test3: keyof AdminInfoComponent | keyof UserComponent

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。