qcast3/qcast-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Refactor usePagination hook to include useEffect

Browse Source
This commit is contained in:
yoosangwook 2024-10-17 13:34:11 +09:00
parent 63b500e0c0
commit 429832b8b7
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/hooks/usePagination.js
View File

@ -1,4 +1,4 @@
import { useState } from 'react' import { useEffect, useState } from 'react'
/** /**
* 페이지네이션 훅 * 페이지네이션 훅
@ -14,6 +14,10 @@ const usePagination = ({ pageNo = 1, pageSize = 10, pagePerBlock = 10, totalCoun
setCurrentPage(page) setCurrentPage(page)
} }
useEffect(() => {
setCurrentPage(pageNo)
}, [pageNo])
const pageGroup = Math.floor((currentPage - 1) / pagePerBlock) + 1 const pageGroup = Math.floor((currentPage - 1) / pagePerBlock) + 1
const totalPages = Math.ceil(totalCount / pageSize) const totalPages = Math.ceil(totalCount / pageSize)
const pages = Array.from({ length: totalPages }, (_, i) => i + 1) const pages = Array.from({ length: totalPages }, (_, i) => i + 1)