페이지네이션 isActive

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

해결된 질문

작성

839

수정됨

안녕하세요. 페이지네이션 포트폴리오 리뷰 강의를 참고해서 현재 활성화된 페이지를 표현하는 부분을 구현했는데, 활성화된 페이지를 클릭하는 부분에서 1~10페이지까지는 각 페이지별로 클릭하면 활성화 표시가 잘 되는데 11페이지로 넘어가면 12페이지부터 클릭하면 활성화 표시가 사라집니다.

어떤 부분이 문제일까요?

질문_코드.PNG

다음 페이지 클릭 시, 11페이지는 활성화

질문.PNG 12페이지 클릭 시, 활성화된 페이지 표시 사라짐

질문_화면.PNG

Next.js graphql nodejs seo react

답변 1

Camp_멘토

안녕하세요 헤헤헿님

handleClickPage 함수를 확인해보시기 바랍니다.
id에는 index+1이 담겨있고
setActivePage로 event.currentTarget.id를 받아오게 되니,
처음 11페이지로 갔을 때는 handleClickNextPage로 받아와서 액티브가 잘 되었지만
12페이지로 갔을 때는 index+1로 변경되면서 못받아오고 있는 것으로 보입니다.

해당 함수를 확인해서 수정해보시기 바랍니다.
추가적으로 디버깅을 하실 때는 내가 확인해보고 싶은 기능에서 데이터를 어떻게 불러오고 있는지 console을 확인해보면서 개발을 하시면 더 도움이 되실 것 같습니다.

파인애플

질문자

해결했습니다. 감사합니다 : )

인프런 커뮤니티 질문&답변

페이지네이션 isActive