問題タブ [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.
javascript - react-data-grid と primereact multiselect を使用した Excel のようなフィルタリング
私は、 primereact multiselectを使用して、 react-data-grid (v7) にフィルタリングのような Excel を追加しようとしていますが、ドロップダウンを閉じるといくつかの問題が発生します。フィルタリングのように優れているとは、合計オプションを常に保持するのではなく、他のすべてのフィルター オプションを更新するフィルターを適用することを意味します。これは、問題を示すコードサンドボックスです (これは、元になった例です) 。サンドボックスには、フィルターがまたはからプルするかどうかを制御するボタンがあります。ボタンが機能すると表示されますが、データセット全体を使用しているため、ドロップダウンはフィルタリングされません。ボタンがドロップダウンをフィルタリングするが、変更時にドロップダウンも閉じると言うとき。rows
filteredRows
rows
filteredRows
また、現在のフィルターは常に選択した 1 つのオプションに絞り込まれるため、この種の複数選択は役に立たないことに気付くでしょう。したがって、現在変更されているフィルターはオプションを変更するべきではありませんが、他のすべてのフィルター オプションは変更する必要があります。
要約すると:
- ドロップダウン オプションが変更されてもドロップダウンを開いたままにしたい
- 現在変更されているフィルターはオプションを変更するべきではありませんが、他のすべてのフィルター オプションは変更する必要があります。
問題は、 vscolumns
を使用するときの再レンダリングに関係していると思います。filteredRows
rows
reactjs - Primereact ドロップダウンで「react-transition-group」を解決できません
次のエラーが表示されます-
これは私のpackage.jsonです
App.js で
ここで何が欠けていますか?