TypeScript ジェネリックパラメータのデフォルト型と新しい厳密なコンパイルオプション

Greetingクラスはreact.Componentを拡張します。
  与える（） {
    <span>Hello, {this.props.name}!</span> を返します。
  }
}

名前空間Reactを宣言する{
  クラスコンポーネント{
    小道具: 任意;
    状態: 任意;
  }
}

GreetingクラスはReact.Componentを拡張します。
  与える（） {
    戻り値 <span>こんにちは、{this.props.name}!</span>
  }
}

<Greeting name="world" />

<span>こんにちは、世界！</span>

名前空間Reactを宣言する{
  クラス Component<Props, State> {
    小道具: 小道具;
    状態: 状態;
  }
}

GreetingProps と入力します。名前: 文字列 };

GreetingクラスはReact.Component<GreetingProps, any>を拡張します。
  与える（） {
    <span>Hello, {this.props.name}!</span> を返します。
  }
}

// エラー: ジェネリック型 Component<Props, State>
// 2 つの型パラメータが必要です。
GreetingクラスはReact.Componentを拡張します。
  与える（） {
    <span>Hello, {this.props.name}!</span> を返します。
  }
}

GreetingクラスはReact.Component<any, any>を拡張します。
  与える（） {
    <span>Hello, {this.props.name}!</span> を返します。
  }
}

名前空間Reactを宣言する{
  クラス Component<Props = any, State = any> {
    小道具: 小道具;
    状態: 状態;
  }
}

GreetingクラスはReact.Componentを拡張します。
  与える（） {
    <span>Hello, {this.props.name}!</span> を返します。
  }
}

GreetingProps と入力します。名前: 文字列 };

GreetingクラスはReact.Component<GreetingProps, any>を拡張します。
  与える（） {
    <span>Hello, {this.props.name}!</span> を返します。
  }
}

GreetingクラスはReact.Component<GreetingProps>を拡張します。
  与える（） {
    <span>Hello, {this.props.name}!</span> を返します。
  }
}

型コンストラクタ<T> = new (...args: any[]) => T;
型コンストラクタブル = コンストラクタ<{}>;

型コンストラクタ<T = {}> = new (...args: any[]) => T;

{
  "厳密": 真、
  "alwaysStrict": 偽
}

{
  "コンパイラオプション": {
    /* 基本オプション */
    "target": "es5", /* ECMAScript ターゲット バージョンを指定します: 'ES3' (既定値)、'ES5'、'ES2015'、'ES2016'、'ES2017'、または 'ESNEXT'。 */
    "module": "commonjs", /* モジュール コード生成を指定します: 'commonjs'、'amd'、'system'、'umd'、または 'es2015'。 */
    // "lib": [], /* コンパイルに含めるライブラリファイルを指定します: */
    // "allowJs": true, /* JavaScript ファイルのコンパイルを許可します。 */
    // "checkJs": true, /* .js ファイル内のエラーを報告します。 */
    // "jsx": "preserve", /* JSX コード生成を指定します: 'preserve'、'react-native'、または 'react'。 */
    // "declaration": true, /* 対応する '.d.ts' ファイルを生成します。 */
    // "sourceMap": true, /* 対応する '.map' ファイルを生成します。 */
    // "outFile": "./", /* 出力を連結して 1 つのファイルに出力します。 */
    // "outDir": "./", /* 出力構造をディレクトリにリダイレクトします。 */
    // "rootDir": "./", /* 入力ファイルのルートディレクトリを指定します。--outDir を使用して出力ディレクトリ構造を制御するために使用します。 */
    // "removeComments": true, /* 出力にコメントを出力しません。 */
    // "noEmit": true, /* 出力を出力しません。 */
    // "importHelpers": true, /* 'tslib' からエミット ヘルパーをインポートします。 */
    // "downlevelIteration": true, /* 'ES5' または 'ES3' をターゲットとする場合、'for-of'、スプレッド、および構造化分解における反復可能オブジェクトの完全なサポートを提供します。 */
    // "isolatedModules": true, /* 各ファイルを個別のモジュールとしてトランスパイルします ('ts.transpileModule' と同様)。 */

    /* 厳密な型チェックオプション */
    "strict": true /* すべての厳密な型チェックオプションを有効にします。 */
    // "noImplicitAny": true, /* 暗黙の 'any' 型を含む式と宣言でエラーを発生させます。 */
    // "strictNullChecks": true, /* 厳密な null チェックを有効にします。 */
    // "noImplicitThis": true, /* 暗黙の 'any' 型を持つ 'this' 式でエラーを発生させます。 */
    // "alwaysStrict": true, /* 厳密モードで解析し、各ソース ファイルに対して "use strict" を出力します。 */

    /* 追加のチェック */
    // "noUnusedLocals": true, /* 未使用のローカルのエラーを報告します。 */
    // "noUnusedParameters": true, /* 未使用のパラメータに関するエラーを報告します。 */
    // "noImplicitReturns": true, /* 関数内のすべてのコードパスが値を返さない場合はエラーを報告します。 */
    // "noFallthroughCasesInSwitch": true, /* switch ステートメントのフォールスルー ケースのエラーを報告します。 */

    /* モジュール解決オプション */
    // "moduleResolution": "node", /* モジュール解決戦略を指定します: 'node' (Node.js) または 'classic' (TypeScript 1.6 以前)。 */
    // "baseUrl": "./", /* 絶対値でないモジュール名を解決するためのベースディレクトリ。 */
    // "paths": {}, /* 'baseUrl' を基準とした参照場所にインポートを再マップする一連のエントリ。 */
    // "rootDirs": [], /* 実行時にプロジェクトの構造を表す結合されたコンテンツを持つルート フォルダーのリスト。 */
    // "typeRoots": [], /* 型定義を含めるフォルダーのリスト。 */
    // "types": [], /* コンパイルに含める型宣言ファイル。 */
    // "allowSyntheticDefaultImports": true, /* デフォルトエクスポートのないモジュールからのデフォルトインポートを許可します。これはコードの出力には影響せず、型チェックのみに影響します。 */

    /* ソースマップオプション */
    // "sourceRoot": "./", /* デバッガーがソースの場所ではなく TypeScript ファイルを検索する場所を指定します。 */
    // "mapRoot": "./", /* 生成された場所ではなく、デバッガーがマップ ファイルを検索する場所を指定します。 */
    // "inlineSourceMap": true, /* 別のファイルを作成する代わりに、ソースマップを含む単一のファイルを出力します。 */
    // "inlineSources": true, /* ソースマップと一緒にソースを 1 つのファイル内に出力します。'--inlineSourceMap' または '--sourceMap' を設定する必要があります。 */

    /* 実験的なオプション */
    // "experimentalDecorators": true, /* ES7 デコレータの実験的なサポートを有効にします。 */
    // "emitDecoratorMetadata": true, /* デコレータの型メタデータの出力の実験的なサポートを有効にします。 */
  }
}