TypeScriptで型の合成

Question

TypeScriptの型の合成で下記のようなコードを想定します.

export type Parent = {
  categoryName: string;
  categoryId: string;
  categoryUrl: string;
}

export type Child = {
  categoryName: string;
  categoryId: string;
  categoryUrl: string;
  categoryId: string,
}

//ChildのところでParentの型を拡張したい
export type Parent = {
  categoryName: string;
  categoryId: string;
  categoryUrl: string;
}
//こんな感じでかけると思ってた.
export type Child = {
  Parent;
  categoryId: string,
}

Childのところで3つの型が同一なので拡張した形で書きたいのですが,うまくいきません.typeとnamespaceとinterfaceを使い分けるみたいなことが書いてあったのですが,いまいちしっくりきません.
もし,解決策をご存知でしたらよろしくお願いします.

Comments

[Zuishin]

https://teratail.com/questions/275000 で回答しています。わかったのかわからなかったのか、何か言ってください。

Answer 1

Typeの交差型か、interfaceの継承を使えばできると思います。

// 交差型を使った例

type Parent = {
  categoryName: string;
  categoryId: string;
  categoryUrl: string;
}

type Child = Parent & {
  childId: string,
}


// interfaceの継承を使った例

interface Category {
  categoryName: string;
  categoryId: string;
  categoryUrl: string;
}

interface Parent extends Category {
  parentId: string
}

interface Child extends Category {
  childId: string
}