問題タブ [tsx]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
typescript - TSX から JSX への変換が終了タグと正しく一致しない
次のTSXコードを使用：
「preserve」オプションを使用すると、次の JSX コードが表示されます。
「/Provider」終了タグが「react_redux_1.Provider」開始タグと一致しない
私は何を間違っていますか？
typescript 1.8.0-dev.20151204 ターゲット es5 モジュール commonjs jsx 保持
javascript - ブラウザ用 TSX (TypeScript for JSX/React) の単体テストの記述
TypeScript で React ベースのコンポーネントを開発するための優れたワークフローを研究しています。
.tsx1.6 以降、TypeScript は拡張機能を介して TypeScript ファイルの JSX をネイティブにサポートしており、tsdIDE (atom/WebStorm) で型チェックをサポートできます。
しかし、 で書かれた React コンポーネントをテストする簡単な方法はないようですtsx。
これについてあなたの洞察を共有できますか？
のランタイム環境にはDOMが付属しているためJest、純粋ではなく（ほとんど使用する義務があります）を検討しています。ただし、jest は ES2015 からおよびプリセットでのみ動作するようです。で作業するためのすぐに利用できる方法はありますか?JasmineJestbabeles2015, reactJesttsx
現在、ES2015 で記述された React コンポーネントを次のようにテストできます。
対応するテストは次のようになります。
これは問題なく動作しますが、.js拡張子を に置き換えて、 を次のよう.tsxに変更scriptPreprocessorすると:
特にTypeScriptがモジュールの読み込みを処理する方法に関しては、すべての地獄が解き放たれます
reactjs - Typescript - React 0.14 ステートレス機能コンポーネント
簡単な例:
結果：
(10,9): エラー TS2605: JSX 要素タイプ 'Element' は、JSX 要素のコンストラクタ関数ではありません。
エラーはコンポーネントの使用法に関するものであることに注意してください(let x 宣言)。React の定義ファイルがこれを有効な JSX として許可していないようです。tsd の最新の React 0.14 定義ファイルを使用していますが、何が間違っていますか?
次のステートレス機能コンポーネントを定義したとします (React v0.14)
別のコンポーネントでは、次のように使用しています。
タイプスクリプトコンパイラからこのエラーが発生しています:
エラー TS2605: JSX 要素タイプ 'Element' は、JSX 要素のコンストラクター関数ではありません。タイプ 'Element' にプロパティ 'render' がありません。
どうすれば修正できますか？タイプスクリプトでステートレス機能コンポーネントを操作するのに正しいのは何ですか? tsdの最新のreact.d.tsを使用しています
typescript - TSX Typescript ファイルで Polymer 1.0 カスタム タグを使用する
Typescript .tsx ファイルで Polymer カスタム タグを使用しようとしていますが、コンパイル エラーが発生します。
エラーは次のとおりです。
誰でもこの問題を解決する方法を教えてもらえますか?