Reactのsortメソッドでレンダリング(フィルターとページネーションを使用)をトリガーするにはどうすればよいですか?

Question

これは私の Sort.js スタイル コンポーネントです:

リーリー

これは、並べ替えコンポーネントがレンダリングされる App.js の関数です。 リーリー

これは関数です:

リーリー

「Vehicles」は、Firestore データベースから取得したオブジェクトの配列です。

SortOption の値を変更しても、オブジェクトの配列は自動的に並べ替えられませんが、ページネーションの 2 ページ目をクリックしてから 1 ページ目をクリックすると、並べ替えられます。

これは私のグリッド コンポーネントです:

リーリー

これは私のフィルター関数です:

リーリー

前に書いたように、ページネーションのページ番号をクリックしたときではなく、メーカーまたはモデルごとに車両を自動的にレンダリングしたいと考えています。

Answer 1

並べ替え方法は次のようになります

リーリー

フィルター関数は次のようになります

リーリー

基本的に、onSelectChange が実行されると、車両のステータスを更新してから usememo が再度実行されるはずなので、それに依存する車両を追加します