releases : 1.0.1

dist/index.d.ts

@@ -1,22 +1,66 @@
 import * as React from 'react'
 
 interface Props {
+  /**
+   * Number of pages to display at once in the pagination bar if it is greater than the total number of pages, the page list is initialized with the total number of pages
+   */
   numOfPage: number
+  /**
+   * Initial value of total number of pages,
+   * Optional (default 0)
+   */
   totalPage?: number
 }
 
 declare const usePagination: ({ numOfPage, totalPage }: Props) => {
+  /**
+   * Number of pages to display at once in the pagination bar if it is greater than the total number of pages, the page list is initialized with the total number of pages
+   */
   pagelist: number[]
+  /**
+   * Go to the next section, the page list becomes changes
+   */
   goNextSection: () => void
+  /**
+   * Go to the before section, the page list becomes changes
+   */
   goBeforeSection: () => void
+  /**
+   * Go to the first section, the page list becomes changes
+   */
   goFirstSection: () => void
+  /**
+   * Go to the last section, the page list becomes changes
+   */
   goLastSection: () => void
+  /**
+   * Go to the next page (currentPage becomes +1)
+   */
   goNext: () => void
+  /**
+   * Go to the before page (currentPage becomes -1)
+   */
   goBefore: () => void
+  /**
+   * Set the total number of pages, used when initializing the number of pages in response to the server side
+   */
   setTotalPage: React.Dispatch<React.SetStateAction<number>>
+  /**
+   * Change the currently selected page number in the pagelist
+   * If you try to set a value that is not in the page list array, an error is thrown.
+   */
   setPage: (page: number) => void
+  /**
+   * Returns whether the next section exists
+   */
   hasNextSection: boolean
+  /**
+   * Returns whether the before section exists
+   */
   hasBeforeSection: boolean
+  /**
+   * This is the currently selected page, with an initial value of 1
+   */
   currentPage: number
 }
 

dist/index.js

@@ -42,6 +42,9 @@ var usePagination = function usePagination(_ref) {
   var section = Math.floor(currentTotalPage / numOfPage);
   var rest = currentTotalPage % numOfPage;
   var maxSection = rest ? section + 1 : section;
+  (0, _react.useEffect)(function () {
+    setCurrentTotalPage(totalPage);
+  }, [totalPage]);
   var pagelist = (0, _react.useMemo)(function () {
     if (currentSection === maxSection && rest) {
       return Array.from({
@@ -137,6 +140,10 @@ var usePagination = function usePagination(_ref) {
   };
 
   var setPage = function setPage(pageNum) {
+    if (pageNum < pagelist[0] || pageNum > pagelist[pagelist.length - 1]) {
+      throw new Error("You cannot set a page to a value that is not in the pagelist");
+    }
+
     setListRefIndex((pageNum - 1) % numOfPage);
   };
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-use-pagination-hook",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "module": "dist",
   "main": "dist",
   "types": "dist/index.d.ts",