react-url-paginate ·

Paginate With react-router-dom

install

npm install react-router-dom
npm install react-url-paginate

Examples

import * as router from "react-router-dom";
import { Paginate } from "react-url-paginate";

function Example() {
  return (
    <Paginate
      prevLabel={"< 이전"}
      nextLabel={"다음 >"}
      total={100}
      pageItems={20}
      router={router}
    />
  );
}

Props

Name	Type	Description
prevLabel	String	Text label for the previous button.
nextLabel	String	Text label for the next button.
total	Number	puts the total number of data.
pageItems	Number	the number of data to show per page.
router	Object	put the react-router-dom object in.