use-pagination
Version:
React hook for data pagination
46 lines (32 loc) • 962 B
Markdown
# use-pagination
> React hook for data pagination
[](https://www.npmjs.com/package/use-pagination) [](https://standardjs.com)
## Install
```bash
npm install --save use-pagination
```
## Usage
```tsx
import * as React from 'react'
import usePagination from 'use-pagination'
const App = () => {
const pagination = usePagination({
items: [1, 2, 3, 4, 5],
itemsPerPage: 2,
});
return (
<div>
<pre>
{ JSON.stringify(pagination, null, 2 )}
</pre>
<button onClick={pagination.onNextPage}>Next</button>
<button onClick={pagination.onPreviousPage}>Back</button>
<button onClick={pagination.onResetPage}>Reset</button>
</div>
)
}
```
## License
MIT ©
This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).