React의 정렬 메서드에서 렌더링(필터 및 페이지 매김 사용)을 트리거하는 방법은 무엇입니까?

Question

이것은 내 Sort.js 스타일 구성 요소입니다.

으아악

이것은 정렬 구성요소를 렌더링하는 App.js의 함수입니다

으아악

다음 기능은 다음과 같습니다.

으아악

"차량"은 Firestore 데이터베이스에서 가져온 객체의 배열입니다.

SortOption 값을 변경할 때마다 객체 배열이 자동으로 정렬되지는 않지만 페이지 매김에서 2페이지를 클릭한 후 1페이지를 클릭하면 정렬됩니다.

이것은 나의 그리드 구성요소입니다:

으아악

이것은 내 필터 기능입니다:

으아악

전에 쓴 것처럼 페이지 매김에서 페이지 번호를 클릭할 때가 아니라 제조사나 모델별로 차량이 자동으로 렌더링되도록 하고 싶습니다.

Answer 1

정렬 방법은 다음과 같아야 합니다

으아악

필터 기능은 다음과 같아야 합니다

으아악

기본적으로 onSelectChange가 실행되면 차량 상태를 업데이트한 다음 usememo가 다시 실행되어야 하므로 종속 차량을 추가합니다