問題タブ [tsx]

Typescript を使用してコンポーネントのデフォルト プロパティ値を設定する方法がわかりません。

これはソースコードです：

そして、次のようにコンポーネントを使用しようとすると:

fooプロパティが見つからないというエラーが表示されます。デフォルト値を使用したい。static defaultProps = ...コンポーネント内でも使用しようとしましたが、思ったほど効果がありませんでした。

デフォルトのプロパティ値を使用するにはどうすればよいですか? 私の会社で使用している多くの JS コンポーネントはそれらに依存しており、それらを使用しないという選択肢はありません。

次のように子をラップするコンテナーである TSX コンポーネントがあります。

次のような純粋なコンポーネントもあります。

ただし、純粋なコンテナコンポーネントを作成する方法を理解することはできません。宣言は問題ないように見え、エラーは表示されません。

childrenReact.ReactNodeそれが入っているからですReact.Props<X>。

使用すると、TS2324 Property 'children' is missing in type 'IntrinsicAttributes & { label: string; ' が表示されます。子: ReactElement | 文字列 | 数 | {} | (リアック... .

以下のスニペットのようなことは言えません。外部モジュール _.tsx でシンボル 'LabelBox' が見つかりません(このコードのすべてが含まれるファイルです) と表示されるためです。関数を先に置くかインターフェースを先に置くかは問題ではありませんが、とにかく全体的に間違っているように感じます.

完全なクラス コンポーネントと同じように、純粋な TypeScript React コンポーネントが子を取得できるようにする正しい方法は何ですか? これは可能ですか？そうあるべきではないと思います.これはまだステートレスなコンポーネントであり、children特別な種類の.propschildren

Visual Studio でプレーンな HTML ファイル (または Razor CSHTML) を作成すると、VS は<div class="....intellisence..."/>、プロジェクトに添付された css ファイルにある CSS クラス ( ) に適切な情報を提供します。

このようなことは TSX ( <div className="???"/>) で可能ですか?

反応する jsx または tsx を js から js に自動的にコンパイルして、Visual Studio コードにする方法は? タスクランナーは必要ですか? それともjsconfig.jsonへの設定ですか？

私がすでに試したこと：

jsx パラメータを使用して jsconfig.json を作成しようとしましたが、成功しませんでした。TS コンパイラを設定しましたが、TS から JS へのコンパイルのみで、JSX から JS へのコンパイルは行われません。

実行タスクを構成する必要なく、この変換を行う構成があるかどうか疑問に思っています。、たとえば、完全な Visual Studio のような「保存時にコンパイル」。

私は VS2013 を使用しており、React (0.14) と Typescript (1.8.5) を使用するように既存のプロジェクトをセットアップしています。React コードは JSX ファイルとして正常に動作します。新しい TSX ファイルに、理解できないエラーが 1 つあります。

ツリーの下のコンポーネントに貼り付けられたすべての小道具に30の奇妙なエラーがあります-これらはすべて次のとおりです。

プロパティ 'nameOfProp' はタイプ 'IntrinsicAttributes & IntrinsicClassAttributes> & {} & { children?: Reac...' に存在しません。

TypeScript を混乱させるコードの例を次に示します。これは本番環境で React を立ち上げて実行するための最後のハードルの 1 つであるため、どんな助けも大歓迎です。注: スペースを節約するためにアプリの状態に関する情報は含めていませんが、赤い線は子コンポーネントの名前 (フィルター、名前、ID、カウント) のみにあります。

ES6 import ステートメントを使用して非 typescript ライブラリをインポートする方法

と