問題タブ [tsx]

renderTypeScript で React HOC を使用していますが、TSX コンポーネントメソッド内から呼び出すと機能しないようです。次に例を示します。

次のように、親 JSX ファイルからこれを呼び出しています。

1 番目と 2 番目のテストは期待どおりに機能します。2 番目のテストではテキストが赤くなります。しかし、3 行目は何もレンダリングしません。2 行目と 3 行目は同じだと思っていました。

デバッガーでステップ実行すると、テスト #2 の引数はタイプ のコンポーネントですHelloWorldComponentが、テスト #3 ではComponent = Object {$$typeof: Symbol(react.element), ...}.

{ withRedText(<HelloWorldComponent />) }JSX/TSX ファイル内からのような構文でコンポーネントを動的にラップする方法はありますか?

(TypeScript 2.1.4 & React 15.4.0)

これはCodePenにあります

div 要素にフォーカスを設定しようとしています。そのため、ツール ヒント モーダルは、その要素にマウスを合わせる必要なくスクロールできます。問題は、リチャートのツールヒントにデータが多すぎて、次のグラフに溢れ出し、次のグラフのツールヒントがページのこぼれ。私の考えは、ツールチップに最大の高さを設定し、スクロールできるようにすることでした。

私が試したものはこちらです。

そして私のsetFocus関数のために

私の onFocus 関数がトリガーされることはありません。

私は JetBrains 製品に少し慣れており、作業中のファイルのスタイルを設定できることを知っています。ただし、目的のスタイルを表示するために .tsx ファイルを構成する場所が見つかりません。TypeScript セクションを変更しても、.tsx ファイルは変更されないようです。

次の画像でわかるように、.tsx ファイルがあり、 after {、 before }、 beforeのスペースが必要です/>。commandただし、 + option+を押すと、すべてのスペースが削除されLます。