typescript不捕捉類型不匹配（反應TSX）

Question

TypeScript &在這裏反應新手。爲什麼TypeScript不會因爲constructor(foo: string)輸入類型不匹配{foo: string}？ （注意：其中一個是一個字符串，另一個是對象。）

TypeScript將很高興地編譯這個，當然最終的代碼也會崩潰。我試圖打開tsconfig.json必須提供的所有選項。我正在使用typescript 2.5.3。

是否有任何方式，如打字稿配置，代碼更改或其他任何硬化代碼以避免這種情況？任何想法讚賞，我的目標是編寫穩定的代碼。

import * as React from'react'; import * as'ReactDOM from'react-dom';

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')) 

編輯：簡化問題

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) 
    } 
}