Skip to content

Latest commit

 

History

History
45 lines (32 loc) · 962 Bytes

README.md

File metadata and controls

45 lines (32 loc) · 962 Bytes

use-pagination

React hook for data pagination

NPM JavaScript Style Guide

Install

npm install --save use-pagination

Usage

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.