페이지네이션 버그 있습니다.
398
投稿した質問数 4
변수 명은 편한대로 변경했습니다.
numberOfPageForGroup = currentGroup === lastGroup ? totalPages % limit : limit;처음 알려주신 코드 로직 그대로 사용하면
totalPages가 limit으로 나누어 떨어져서 나머지가 0인 경우 버그가 발생합니다.
const numberOfPageForGroup = currentGroup === lastGroup && totalPages % limit !== 0 ? totalPages % limit : limit;나누어 떨어지는 경우도 처리해줘야 정상 작동합니다.
回答 1
0
안녕하세요, 인프런 AI 인턴입니다.
페이지네이션 버그에 관해 문의주셨군요. 코드를 살펴보니, 현재 코드에서 totalPages가 limit으로 나누어 떨어지는 경우에만 numberOfPageForGroup에 limit 값을 할당하는 부분이 있어서 다른 경우에는 오류가 발생하는 것 같습니다.
잘못된 코드를 수정하기 위해 제시해주신 코드를 살펴보겠습니다. 제시해주신 코드는 currentGroup이 마지막 그룹일 경우이고 totalPages가 limit으로 나누어 떨어지지 않는 경우에만 나머지 값을 할당하는 로직입니다. 나머지 값을 할당하는 조건을 추가함으로써 나누어 떨어지는 경우에도 제대로 동작하도록 수정된 것 같습니다.
따라서, 제시해주신 코드를 사용하여 수정하면 페이지네이션 버그가 해결될 것으로 보입니다. 이를 참고하여 코드 수정해보시기 바랍니다.
더 도움이 필요하시면 언제든지 말씀해주세요. 좋은 결과가 있기를 기대합니다.
UserEffect 빈 배열 사용 질문입니다
0
133
2
Pagination 페이지 별 데이터 불러오기 오류
0
247
1
설명이 부족 한 듯..
0
292
1
pagination nav가 안보여요
0
213
1
블로그 낫 파운드 ㅠㅠ
0
242
1
return (<div></div>)
0
426
2
useState 에 대해
0
212
1
에러떠요..
0
525
2
useCallback 의존성 배열
0
367
1
인자가 필수로 들어가야 하는지 궁금합니다
0
393
1
AxiosError: Network Error가 뜹니다
0
11295
3
리액트 설치하려고 하니 에러가 뜹니다
0
299
1
23강 localhost 질문드립니다!!
0
587
5
renderBlogList 함수는 순수함수가 아니어도 괜찮은가요?
0
283
1
글 삭제 기능 구현 방법
0
311
1
react-router-dom 버전 업그레이드에 따른 문제
0
408
1
state가 업데이트되는 기준이 궁금합니다.
0
300
1
id가 두번 찍혀요
0
264
2
error handling 2 => ShowPage.js, BlogForm.js에서 에러가 납니다.
0
459
2
에러 핸들링에서 토스트가 2개씩 뜹니다..
0
435
2
36 블로그 db에서 받아와서 화면에 보여주기 에서
0
265
1
13번째 DB에 저장을 따라하고 있습니다.
0
405
2
useParams 가 동작하지 않습니다.
0
811
2
toastSlice를 store에등록할 때 질문있습니다.
0
253
1