反应分页:显示的限制页数

时间:2019-06-17 11:36:02

标签: javascript reactjs pagination paginate

我希望有人可以提供帮助:)

我已经使用react创建了一个页面,在那里我可以从API加载数据并分页数据。

我想限制显示的页面数量,但是我编写代码的方式并不完全符合我的要求。我想做的是一次显示10页(例如本教程(https://jasonwatmore.com/post/2017/03/14/react-pagination-example-with-logic-like-google)。

我设法做的是限制页面数量,但是右边的页面数量一直在增加,所以不是显示的页面一致,而是从

[第一] [<<] [1] [2] [>>] [最后]

[第一] [<<] [1] [2] [3] [>>] [最后]

[第一] [<<] [1] [2] [3] [4] [>>] [最后]

[第一] [<<] [2] [3] [4] [>>] [最后]

我已经使用regres.in API创建了一个演示(https://codesandbox.io/s/x6l4q)。不幸的是,它并没有很多记录来证明我的问题,但是希望它能使您对正在发生的事情有所了解。

任何指针,深表感谢。

0 个答案:

没有答案