反应分页如何用页码更改数据

问题描述

我的react项目中有一个使用本地数据的列表。所以我保留并更新状态数据。

我需要在列表页面上显示每页5个帖子。而且我正在使用此插件进行分页。

https://github.com/vayser/react-js-pagination/issues

{data &&
        data?.map((item,i) => (
          <React.Fragment key={i}>
            <Item item={item} index={i} />
          </React.Fragment>
        ))}
      <Pagination
        activePage={activePage}
        itemsCountPerPage={5}
        totalItemsCount={data ? data.length : 1}
        pageRangeDisplayed={5}
        onChange={handlePageChange}
        itemClass="page-item"
        linkClass="page-link"
      />

一切正常。我可以显示分页。我可以根据数据显示页面大小。 单击页面编号时，我可以设置活动页面。

const handlePageChange = (pageNumber: number) => {
    setActivePage(pageNumber);
  };

但是如何根据分页更改数据？因此，当单击第二页时，我将不会显示数据的后5个项

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）