https://primefaces.org/primereact/showcase/#/autocomplete

コンポーネントがロードされるとすぐに、提案ドロップダウンをロードしようとしていますcomponentDidMount. はのデータでsuggestionsList更新されていますが、候補ドロップダウンは表示されません。objcomponentDidMount

簡単に言えば、入力がフォーカスされ、入力テキストがない場合は常に、提案ドロップダウンが表示されます。

abcCmp.jsx

Prime React に使用されるデフォルトの「Nova」テーマをオーバーライドするための最適なソリューションを見つけようとしています。彼らが購入できるテーマデザイナーを持っていることは承知していますが、理想的にはそれを使用したくない. 以前は、反応アプリケーションのすべての tsx ファイルに scss ファイルがありました。私は次のような行を使用していました-

私は基本的に !important をどこにでも置いていましたが、非常に面倒になり始めました。index.tsx ファイルで Prime React テーマのインポートをコメントアウトすることを考えました

代わりに自分のscssをインポートします..

これにより、スタイリングが完全に消え、ページは純粋な html のように見えます。Nova テーマ ファイルからすべてのコードをコピーし、オーバーライド ファイルでゆっくりと調整を開始する必要があるのではないかと考えています。

誰かがより良い方法やアイデアを持っていますか?

ありがとう

注意してください、私はReactJSとPrimeReactを初めて使用します。人のリスト、別の Java バックエンド サーバーから取得したデータを表示するページを作成しようとしています。

まず、JSON データは次のとおりです。

ここに私のindex.jsがあります：

ご覧のとおりPersonManager.js、実際のコンテンツを表示するために呼び出しています。

ただし、PrimeReact データテーブルは空のままです。

私のブラウザ (FF) では、次のように表示されます。

私はこの ReactJS / PrimeReact にまったく慣れていないので、なぜこれが正しく表示されないのかわかりません。

複数の行を表示するコンポーネント自体で構築されたデータで同じことを試しました（以下のソースを参照）。

質問:

私は何を間違っていますか？

コンソールは、他のサーバーから取得したデータを正しく出力することに注意してください。‍♂️</p>

-> PS: ここで完全なコードを調べることができます: https://github.com/kawoolutions/basketball-stats-primereact/