タイプコピーがタイプミスをキャッチしない（反応するTSX）

Question

タイプスクリプト&リアクション初心者はここに。 constructor(foo: string)の入力タイプが{foo: string}と一致しないため、なぜTypeScriptが私に叫ばないのですか？ （注：それらのうちの1つは文字列、もう1つはオブジェクトです）

TypeScriptはこれをうれしくコンパイルします。もちろん、結果のコードは爆発します。 tsconfig.jsonが提供するすべてのオプションをオンにしようとしました。私はtypescript 2.5.3を使用しています。

これを避けるために、typescriptの設定、コードの変更、または何か他の方法がありますか？任意のアイデアが評価され、私の目標は安定したコードを書くことです。

import * as 'react'からの反応; *「react-dom」からのReactDOMとしてのインポート。

class App extends React.Component<{ foo: string }, { foo: string }> { 
    // expects string 
    constructor(foo: string) { 
     super(); 
     this.state = { 
      foo: foo 
     } 
    } 
    render() { 
     return <div>{this.state.foo}</div> 
    } 
} 

// Passes object { foo: string } 
ReactDOM.render(<App foo="foo" />, document.getElementById('root')) 

EDIT：簡素化質問

Answer 1

ますあなたが探しているコンパイラの苦情を受け取りますpropsをsuper()に渡すことを忘れないでください。これはReact.Componentを拡張するだけの一部であり、should always be done.

Answer 2

あなたの懸念：あなたは常にクラスを継承し、独自のコンストラクタを提供することができるので

// WRONG, to work, it should be: 
// constructor(props Props) { 
constructor(foo: string, bar: string) { 
    super(); 
} 

が無効です：

class A { 
    constructor(a: number) { } 
} 

class B extends A { 
    // ALLOWED 
    constructor(b: string) { 
    super(123) 
    } 
}