問題タブ [primereact]

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 投票する
0 に答える
156 参照

reactjs - Reactでコンポーネントを動的に作成し、状態変数に保存してダイアログに表示します

PrimeReact を使用してアプリケーションを開発しています。私の React コンポーネントの 1 つでReact.createElement、状態変数を使用して動的にコンポーネントを作成し、保存しています。次に、PrimeReact を使用して動的に作成されたコンポーネントをダイアログで表示しています。以下は、コンポーネントを作成するコードです。

以下は、dynamicComponentダイアログに表示するコードです。

上記のコードは初回のみ動作します。次回別propsのを渡すと、以前のコンポーネントが引き続き表示されますprops

私の質問は次のとおりです。

  1. コンポーネントが作成されるたびに、ダイアログに異なる小道具でコンポーネントを表示させるにはどうすればよいですか?
  2. これは私の問題にアプローチする正しい方法ですか? また、同じコンポーネントを異なる小道具でロードするだけでなく、異なるコンポーネントを完全にロードする必要があるように、ソリューションを拡張する必要もあります。
0 投票する
2 に答える
443 参照

reactjs - Prime React メニュー コンポーネントで CSS のトップ プロパティを上書きできません

下の画像に示すように、スペースを取り除こうとしています。

ここに画像の説明を入力

このドキュメントからのprimereactのメニューコンポーネントを使用しています

参照用のコンストラクターコードは次のとおりです。

そして、ここに定義された私のコンポーネントMenuがあります:Button

と の間にスペースがある理由がわかりましButtonMenu。を右クリックして Firefox ブラウザーでMY DROPDOWN MENU選択するとInspect Element Q、csstopプロパティが に設定されていることがわかりました118.5px。:

ここに画像の説明を入力

topプロパティを上書きして60pxfromに変更しようとしています118.5px。そのために、次のようにコードを変更してみました。

しかし、最終的には次のように別のプロパティとして表示されました。

ここに画像の説明を入力

topプロパティを変更するにはどうすればよいですか?

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

reactjs - Prime React - DataTable - CSV Eexport は chrome では失敗しますが、IE では機能しています

SPFX を使用して SharePoint Online - WebPart に反応して構築されたアプリケーションに DataTable 機能を実装するために、Prime React ライブラリを使用しています。

ローカル サーブでは、csv エクスポート機能が IE と Chrome の両方で機能しています。ただし、ビルドされたファイルが SharePoint サイトに展開されると、csv エクスポート機能は Chrome では失敗しますが、IE では正常に動作します。これには解決策が必要です。

私は、 primefaces/primereact ライブラリで同じ懸念を提起しました。

問題はライブラリに関連しているようです。解決策または回避策を探しています。

前もって感謝します

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

javascript - React コンポーネントは、JSON オブジェクトからタブに動的コンテンツをレンダリングします

私の React コンポーネントでは、JSON オブジェクトから動的タブをレンダリングできません。JSON データ キーと値配列を取得できますが、UI でレンダリングできません。

PrimeReact UI コンポーネントを使用しています。 https://www.primefaces.org/primereact/#/tabview

成分

JSON データ :-

アップデート:-

コンソールログ:-

このコードでは、タブは表示されません

ここに画像の説明を入力