reactjs - ReactJS：过滤列表

Question

我需要显示数据列表。

首先，我不使用任何过滤器，我的列表每页显示 20 个项目，因此前 20 个元素显示在第一页，其他元素显示在第二页。

现在我已经过滤了我的列表，现在它在第一页显示 4 个元素，在第二页显示 5 个元素，而每页应该显示 20 个元素。

我已经过滤了我的列表，例如

const mapStateToProps = ({
 person,
 //....
}: IRootState) => ({
  personList: person.entities.filter(per => per.realm.id === parseInt(initialValueRealm, 10)),

我调用 API 来获取列表：

 props.getFilteredEntities(
        search,
        paginationState.activePage - 1,
        paginationState.itemsPerPage,   // this is setted to 20 as the when the list isn't filtered
        `${paginationState.sort},${paginationState.order}`
      ),

如果我不使用过滤器，列表将正确显示，如果我使用过滤器，则数据显示不正确（即每页 20 个）

我能怎么做？

标签： reactjs