用react写一个分页组件的示例

效果截图（样式可自行修改）：

构建项目

create-react-app react-paging-component

分页组件

1.子组件

创建 Pagecomponent.js 文件

核心代码：

初始化值

动态生成页码函数

页码点击函数:

上一页和夏夜点击事件

组件渲染到DOM上

2.父组件

创建 Pagecontainer.js 文件

父组件完整代码

相关推荐：

jQuery封装的分页组件详解

利用vue2.0实现的分页组件

基于vue2的table分页组件实现方法

以上就是用react写一个分页组件的示例的详细内容，更多请关注Gxl网其它相关文章！