inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

페이지네이션 isActive

해결된 질문

936

파인애플

작성한 질문수 3

0

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

어떤 부분이 문제일까요?

질문_코드.PNG

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

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

질문_화면.PNG

Next.js graphql nodejs seo react

답변 1

0

Camp_멘토

안녕하세요 헤헤헿님

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

 

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

0

파인애플

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

fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다

0

41

1

댓글 기능 구현 중 질문드립니다.

0

68

1

쿠폰코드 발급

0

149

2

example 서버 플레이그라운드, API 접속 모두 안됩니다.

0

89

2

문의드립니다!! ㅠㅠ

0

108

2

graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.

0

80

2

_app.js 작성 이후로 에러가 발생하네요

0

97

2

학습자료

0

72

2

학습자료가 안열립니다.

0

53

2

플레이 그라운드 퀴즈 문제 질문이 있습니다.

0

61

0

기존강의 구매자, 업데이트 끝인가요?

0

111

3

업데이트 버전 수강

0

90

2

완벽한 프론트엔드

0

136

2

나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.

0

84

1

graphql 접속이 안됩니다.

0

101

2

const, let 사용 질문 드립니다.

0

72

2

싸이월드 만들기 1탄 피드백 부탁드립니다.

0

125

2

회원가입 과제 피드백 부탁드립니다.

0

81

2

styled.span / styled.input "CSS 자동완성"

0

47

1

쿠폰 발급 관련

0

168

2

서버 502 error

0

249

2

쿠폰 다시 부탁드려도 될가여?

0

140

2

a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요

0

185

2

2분 44초 질문

0

132

3