页面更改时反应分页不更新

Posted 2023-02-22

【中文标题】页面更改时反应分页不更新

【英文标题】：React pagination not updating when page changes

【发布时间】：2020-06-19 16:03:48

【问题描述】：

我的 React 应用程序中有一个元素映射到状态数组并返回项目。我正在尝试实现分页。切换页面和更改每页项目数的按钮可以正常工作并更新状态。该元素映射了正确数量的项目，但即使 this.state.page 发生更改，它仍保留在第 1 页上。

我的地图逻辑如下。名称 pageCount 有点误导，它是每页要渲染的项目数，它按预期工作。为了解释“！this.state.pageCount”，页数为零表示显示所有项目。

this.state.t.map((ele, idx) => 
                            if (!this.state.pageCount || (idx + 1 > this.state.page - 1 * this.state.pageCount && idx + 1 <= this.state.page * this.state.pageCount)) return (

这是非常奇怪的行为，我已经通过开发工具确认 this.state.page 确实更新正确，但地图似乎总是认为它是 1。我认为这在我的逻辑中会出现错误，但是我看不出有什么不对。有什么想法吗？

【参考方案1】：

我在发布后立即看到了问题，“this.state.page - 1”周围需要有一组括号。操作顺序错误。