TypeScriptのinterfaceの宣言から、冗長な部分をなんとかしたい

Question

interfaceの冗長な宣言をなんとかしたい

IInputOption['xxx'] をまとめたい

// 使いまわしたい interface
interface IInputOption {
  placeholder?: string
  disabled?: boolean
  // ... 以下続く
}


// InputOption を利用
interface IFoo {
  foo: string // ここが差分

  placeholder: InputOption['placeholder']
  disabled: InputOption['disabled']
}

// InputOption を利用
interface IBar {
  bar: string  // ここが差分

  placeholder: InputOption['placeholder']
  disabled: InputOption['disabled']
}

interface IBoo {
  boo: string  // ここが差分
  
  Map<IInputOption> // こんな感じのを見たことあるきがするが...
}

interfaceテクを見せてください...

Answer 1

InterfaceもClassと同様にextendsできます。

interface IInputOption {
  placeholder?: string
  disabled?: boolean
}

interface IFoo extends IInputOption {
  foo: string
}

公式サイトの「Extending Interfaces」の部分に書いてあります。

Comments

[tommyTeratail]

extendsですね..ありがとごうございます

Answer 2

インターフェースを継承したいということですか？
TypeScriptのinterface制限のextendsと、ついでにダックタイピングのメモ

Comments

[tommyTeratail]

期待の内容です