[인프런]따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기 #6

오젼·2023년 6월 5일
0

Load More button 만들기

useEffect의 의존성에 빈 배열이 들어 있기 때문에 컴포넌트가 마운트 될 때 한 번만 useEffect가 실행된다.

다음 페이지의 popular movie를 불러오기 위해선 url의 끝에 page번호를 업데이트해서 api를 호출하면 된다.

그렇게 하기 위해 CurrentPage state를 선언해주고

button을 누를 때마다 CurrentPage + 1 의 정보를 가져온 다음

[...Movies, ...res.results] 전개연산자를 이용한 배열로 기존 Movies 뒤에 새로 받아온 영화를 덧붙여준다.

0개의 댓글