問題タブ [react-functional-component]
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.
arrays - 複数のフィルターを連鎖させ、配列をソートする機能コンポーネント
グリッドに表示するオブジェクトの配列があります。目標は、データに複数のフィルターを適用することです。1 つは特定の列のテキストによるもの、もう 1 つは異なる日付範囲によるものです。次に、各列を昇順/降順で並べ替え、ページネーションも行います (このためのヘルパー関数は既に用意されています)。所定の位置に）。私の最初のアプローチは、データをフィルタリング/ソートして状態を更新する複数の useEffects を持つことでした。問題は、状態を設定する関数が状態をすぐに更新しないように見えるため、次の useEffect ごとに、前のデータでフィルタリングされたものではなく、元のデータで作業していることです。基本的に、元の配列で 3 つのフィルター メソッド、並べ替え、ページネーションをこの順序でチェーンする必要がありますが、ユーザーが設定を変更しない限り、フィルタリング/並べ替えの一部を実行したくありません。これにアプローチするための最良の方法についてのアイデアは大歓迎です。これは、動作しない簡単なプロトタイプです。https://codesandbox.io/s/peaceful-nigh-jysdyユーザーはいつでもフィルターを変更でき、3 つすべてが有効になります。また、初期フィルター値を保持するように初期構成を設定する必要があります。