問題タブ [tsx]

現在、状態管理に typed React (TSX) と mobx を使用しています。

オブザーバーと注入デコレーターの両方を使用するコンポーネントを構築できます。しかし、オブザーバーなしで注入を使用するコンポーネントを構築することはできません。

これは typescript コンパイラを渡します

ただし、これは失敗します

以下のエラーメッセージで

このエラーメッセージの頭と尾を作るのを手伝ってください。私の賭けは、タイピングが時代遅れか何かであるということです。または、オブザーバーなしでの注入の使用は、実際には無効な組み合わせです。

私はこれに頭を包むことができないと思います。おそらく半ダース回試しましたが、常に頼りにしていanyます... HTML要素から始めて、それをコンポーネントにラップし、それをラップする正当な方法はありますか? HTML小道具がすべてを通過するような別のコンポーネントでは？基本的に HTML 要素をカスタマイズしていますか? たとえば、次のようなものです。

使用法：

この種の合成を試みると、次のようなエラーが表示されます。

foo のプロパティ 'ref' は、ターゲット プロパティに割り当てられません。

私は2つのファイルを持っています

app.tsx:

Hello.tsx

両方のファイルが同じフォルダーにあります。

私は tsconfig.js を次のように書きました

ノードjsでtscを実行しようとすると、エラーが発生します

私の目的は、webpack を介して app.tsx と hello.jsx からコンパイルされた js ファイルをバンドルすることです。

私は初心者なので、助けてください。前もって感謝します

私はreactjs + typescriptから来たReact-nativeが初めてです。かなり単純なプロジェクト テストをセットアップし、このテクノロジがどのように機能するかを確認しようとしています。私はVSコードを使用しています。

基本的なチュートリアルに従って、プロジェクトをセットアップし、Visual Studio Android Emulator で実行できるようにしました。

ここで、カスタム .tsx ファイル (profile.tsx など) を作成し、レンダリング関数を記述して、インデックス ページ (index.android.js) に表示する方法を確認したいと思います。

そこで、.tsx ファイルを作成します:(ファイルの先頭にあるさまざまなインポート ステートメントを省略しました)

VS Code を使用して、このファイルをコンパイルし、対応する profile.js ファイルと profile.js.map ファイルを生成できます。

profile.js の内容は次のとおりです。

実行時に、react_1. default.createElementは次のメッセージで爆発します:

undefine はオブジェクトではありません (react_1.default.createElement を評価します)

この「デフォルト」プロパティがありますが、それが何であるかはわかりません。

では、いくつかの jsx コードを含む .tsx ファイルを作成し、それを適切に変換して、反応ネイティブ アプリケーションで適切に使用するにはどうすればよいでしょうか?

• PS: これは私の tsconfig.json ファイルです。jsx="react"で jsx を有効にしました。

どんな助け、提案、指示も大歓迎です。ありがとうございました。

LinkedStateMixin を使用する必要がある Typescript 2.0.6 + JSX (TSX) で記述された React コンポーネントがあります。クラス定義に mixin を含めるにはどうすればよいですか? 公式ドキュメントを検索しても成功しませんでした。コンポーネント クラスに mixin を含める方法はありますか?

注: ReactJS v0.14.6 を使用しています

Visual Studio は、asp.net mvc コア プロジェクトの typescript コンパイラによって作成された js ファイルを適切にネスト (js.map ファイルの場合と同様) または非表示 (非コア プロジェクトと同様) しません。これは私のソリューション エクスプローラーを汚染しています。

これが現在の動作のイメージです。

js ファイルを非表示にする方法、またはネストする方法を知りたいと思いました。ファイルごとに個別に行う必要のない方法で。

.jsx に自動的に変換される .tsx ファイルと、.jsx を js に変換するファイル ウォッチャーがありますが、.jsx を個別に作成すると、ファイル ウォッチャーは .tsx の下の .jsx ファイルを取得しません。動作します。