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. |