検索

ホームページ  >  に質問  >  本文

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

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

リーリー

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

これは関数です:

リーリー

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

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

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

リーリー

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

リーリー

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

P粉970736384P粉970736384228日前2406

全員に返信(1)返信します

  • P粉790819727

    P粉7908197272024-04-07 15:43:05

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

    リーリー

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

    リーリー

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

    返事
    0
  • キャンセル返事