react通用自定义分页组件（防百度等，只显示十页码）
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react通用自定义分页组件（防百度等，只显示十页码）相关的知识，希望对你有一定的参考价值。
参考技术A 1.react+ant2.由于列表数据过多，不希望显示所有分页（防止用户一上来就点击最后一页，数据量计算大请求缓慢）
3.期望的分页组件是少于十页正常显示，多余十页则只显示相邻的十个页码，类似于百度的分页效果，如图：
翻阅了很多ui库，都没有这样的分页组件，只能自己实现了
自己加了首页和尾页的快速切换和页码快速跳转和总条数，根据需要可自行设置对应的参数true或false
以上是关于react通用自定义分页组件（防百度等，只显示十页码）的主要内容，如果未能解决你的问题，请参考以下文章
如何在 TypeScript v2.x 中从自定义 React 组件公开“通用”事件
React —— antd Table组件 分页Pagination