TypeScriptでシグネチャインデックスを持つ動的オブジェクトを拡張する

Question

結局、これは本当に簡単な質問かもしれません。しかし、私はまだ解決策を見つけられませんでした。

私はシグネチャインデックスで定義された動的オブジェクトを持っています。通常、すべてのプロパティはstring型でなければなりません。しかし、いくつかの例外があります。たとえば、widthは、常にタイプnumberでなければなりません。私は私のインターフェイスに追加するときしかし、私はエラーを取得する

error TS2411: Property 'width' of type 'number' is not assignable to string index type 'string'. 

これは私のインターフェイスのようになります。

interface DynamicStyleObject { 
    [ key : string ] : string; 
    width : number; 
} 

Answer 1

時々あなたの財産をnumberすることができた場合は、インデックスの種類string | numberを作ることができるので、これは、数値または文字列のいずれかのプロパティを受け入れます。

interface DynamicStyleObject { 
    [ key : string ] : string|number; 
    width : number; 
} 

参考：Discriminated unions, also known as tagged unions or algebraic data types pattern