Skip to content

dylangarcia/react-use-pagination

Repository files navigation

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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published