reactjs - TypeScriptはReactコンポーネントのインスタンス化をタイプセーフにできますか?

Question

私は TypeScript と React に非常に慣れていないため、間違った用語や紛らわしい用語をお詫びします。基本的に、これは私が見ているものです：

<MyComponent someNumber="40" />

someNumberとして定義されたプロパティnumberですが、次の動作に気づいています。

• 数値以外の値を渡すと、たとえば<MyComponent someNumber="foo" />、これはまだコンパイルされますが、実行時に爆発します
• 値を渡さなかった場合、たとえば<MyComponent />、これはデフォルト値がなくてもコンパイルされますsomeNumber

理想的には、これら 2 つのシナリオはコンパイルに失敗するはずですが、これを行う方法がわかりません。役立つ場合は、TypeScript 2.0.6 を使用しています。

これは私のtsconfig.jsonです：

{
  "compilerOptions": {
    "outDir": "./dist",
    "allowJs": false,
    "target": "es6",
    "module": "commonjs",
    "jsx": "react"
  },
  "include": [
    "./src/**/*"
  ],
  "files": [
    "typings/index.d.ts"
  ]
}