問題タブ [react-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.

0 投票する
1 に答える
2394 参照

javascript - TS2604: JSX elemy タイプ '' には、構造または呼び出しシグネチャがありません

遅延読み込みコンポーネントのローダーで作業したところ、エラーが発生しました

TS2604: JSX elemy タイプ 'LoadedAsyncComponent' には、構造または呼び出しシグネチャがありません

最近React + TypeScriptチェーンで書き始めたので、悪いコードを書いたと思います

そしてそれは私のコンポーネントです:

エラーはここにあります:

またmoduleProvider、 prop はインポートの約束です:

0 投票する
0 に答える
1480 参照

typescript - Material-ui-next withStyles デコレーターが正しく機能しない

私は自分の小さなプロジェクトを material-ui に書き直しており、この material-ui-next reactjs ライブラリに使用しています。1 つのコンポーネントでは withStyle デコレータは問題なく機能しましたが、別のコンポーネントではコンポーネントをスタイルで装飾せず、次のエラーが発生しました。

Uncaught TypeError: Cannot read property 'root' of undefined at Respondent.render (MuiRespondent.tsx:48) at vendor.js?v=OjVxDpV6p_Jfz2P38F_R2lc3pjVsUisUejeIABZq7AE:30228 at measureLifeCyclePerf (vendor.js?v=OjVxDpV6p_Jfz2P38F_R2lc3pjVsUisUejeIABZq7AE:29508) at ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext ( vendor.js?v=OjVxDpV6p_Jfz2P38F_R2lc3pjVsUisUejeIABZq7AE:30227) at ReactCompositeComponentWrapper._renderValidatedComponent (vendor.js?v=OjVxDpV6p_Jfz2P38F_R2lc3pjVsUisUejeIABZq7AE:30254) at ReactCompositeComponentWrapper.performInitialMount (vendor.js?v=OjVxDpV6p_Jfz2P38F_R2lc3pjVsUisUejeIABZq7AE:29794) at ReactCompositeComponentWrapper.mountComponent (vendor.js?v =OjVxDpV6p_Jfz2P38F_R2lc3pjVsUisUejeIABZq7AE:29690) Object.mountComponent (vendor.js?v=OjVxDpV6p_Jfz2P38F_R2lc3pjVsUisUejeIABZq7AE:12868) at ReactCompositeComponentWrapper._updateRenderedComponent (vendor.js?v=OjVxDpV6p_Jfz2P38F_R2lc3pjVsUisUejeIABZq7AE:30197) at ReactCompositeComponentWrapper._performComponentUpdate (vendor.js?v=OjVxDpV6p_Jfz2P38F_R2lc3pjVsUisUejeIABZq7AE:30156)

エラーをスローするコンポーネント:

そして、これが私の withRoot デコレータです:

withStyleデコレータが機能する別のコンポーネントは、ほとんど同じように見えます。明らかなものが欠けていると思いますが、何がわかりません

0 投票する
1 に答える
19430 参照

javascript - material-ui-datepicker のテキストフィールドの代わりに material-ui 入力コントロールをレンダリングする方法

React (v16.3) アプリでは、material-ui-pickersライブラリの DatePicker コンポーネントを使用して日付ピッカー コントロールをレンダリングしています。このコンポーネントは、Material-UITextFieldコンポーネントをレンダリングします。Inputこれを変更して、 によってレンダリングされるクロムなしでマテリアル UI のみをレンダリングするようにしTextFieldます。

私が理解したように、DatePickersTextFieldComponentフィールド (ここでは下部にあります) を使用してこれを行うことができますが、このフィールドの使用方法がわかりませんでした。

これを行う方法はありますか?

更新: クロム ( 、 など) なしでレンダリングするのではなく、使用する正しい構文を見つけることで、さらに一歩前進しましFormControlInputLabel。しかし、もう DatePicker は開かれていません。プログラムで開く必要がありますか?

そしてここに renderInput() があります:

0 投票する
1 に答える
1726 参照

reactjs - tsx を使用した React アプリケーションでの条件付きレンダリング

Microsoft が提供するデフォルトの React テンプレートを使用して、React アプリケーションの状態に基づいてユーザーにビューをレンダリングしようとしています。

これが私が得ているエラーです:

エラーの写真

これが私のコードです:

非常に異なるユーザー インターフェイスをロードする必要がありますが、これは基本的にステーション ビューのホストであり、子コンポーネントによってユーザーがアクティビティを完了し、BiodieselStudio の状態を更新して、アプリが機能するようにするという考え方です。必要に応じて。

ケースステートメントの多くは記入されていませんが、同じパターンに従います!

よろしくお願いします!