問題タブ [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.
reactjs - Reactでコンポーネントを動的に作成し、状態変数に保存してダイアログに表示します
PrimeReact を使用してアプリケーションを開発しています。私の React コンポーネントの 1 つでReact.createElement
、状態変数を使用して動的にコンポーネントを作成し、保存しています。次に、PrimeReact を使用して動的に作成されたコンポーネントをダイアログで表示しています。以下は、コンポーネントを作成するコードです。
以下は、dynamicComponent
ダイアログに表示するコードです。
上記のコードは初回のみ動作します。次回別props
のを渡すと、以前のコンポーネントが引き続き表示されますprops
。
私の質問は次のとおりです。
- コンポーネントが作成されるたびに、ダイアログに異なる小道具でコンポーネントを表示させるにはどうすればよいですか?
- これは私の問題にアプローチする正しい方法ですか? また、同じコンポーネントを異なる小道具でロードするだけでなく、異なるコンポーネントを完全にロードする必要があるように、ソリューションを拡張する必要もあります。
reactjs - Prime React メニュー コンポーネントで CSS のトップ プロパティを上書きできません
下の画像に示すように、スペースを取り除こうとしています。
このドキュメントからのprimereactのメニューコンポーネントを使用しています
参照用のコンストラクターコードは次のとおりです。
そして、ここに定義された私のコンポーネントMenu
があります:Button
と の間にスペースがある理由がわかりましButton
たMenu
。を右クリックして Firefox ブラウザーでMY DROPDOWN MENU
選択するとInspect Element Q
、csstop
プロパティが に設定されていることがわかりました118.5px
。:
top
プロパティを上書きして60px
fromに変更しようとしています118.5px
。そのために、次のようにコードを変更してみました。
しかし、最終的には次のように別のプロパティとして表示されました。
top
プロパティを変更するにはどうすればよいですか?
reactjs - Prime React - DataTable - CSV Eexport は chrome では失敗しますが、IE では機能しています
SPFX を使用して SharePoint Online - WebPart に反応して構築されたアプリケーションに DataTable 機能を実装するために、Prime React ライブラリを使用しています。
ローカル サーブでは、csv エクスポート機能が IE と Chrome の両方で機能しています。ただし、ビルドされたファイルが SharePoint サイトに展開されると、csv エクスポート機能は Chrome では失敗しますが、IE では正常に動作します。これには解決策が必要です。
私は、 primefaces/primereact ライブラリで同じ懸念を提起しました。
問題はライブラリに関連しているようです。解決策または回避策を探しています。
前もって感謝します
javascript - React コンポーネントは、JSON オブジェクトからタブに動的コンテンツをレンダリングします
私の React コンポーネントでは、JSON オブジェクトから動的タブをレンダリングできません。JSON データ キーと値配列を取得できますが、UI でレンダリングできません。
PrimeReact UI コンポーネントを使用しています。 https://www.primefaces.org/primereact/#/tabview
成分
JSON データ :-
アップデート:-
コンソールログ:-
このコードでは、タブは表示されません