A React Pagenation Component Used Reack-hooks

react-hook-pagenation

使用react-hooks开发的react分页组件。 a react pagenation component used reack-hooks.

如何使用(How to use)

安装(Install)

npm i react-hook-pagenation

使用(Usage)

import Pagenation from 'react-hook-pagenation';
import 'react-hook-pagenation/lib/main.min.css';

<Pagenation currentPage={currentPage} pageSize={pageSize} pageSizeOptions={pageSizeOptions} total={total} handleChangePage={handleChangePage} handleChangePageSize={handleChangePageSize}></Pagenation>

API

参数(argument) 类型(type) 释义(mean) 是否必选(required)
currentPage number 当前分页 YES
pageSize number 分页大小 NO
pageSizeOptions array[number] 分页选项 NO
total number 总数 YES
totalText string 自定义总数文案 NO
handleChangePage function 切换分页 YES
handleChangePageSize function 切换分页大小 NO

完整Demo(Full demo)

参考example/src目录。 see example/src.

GitHub

View Github