무한 스크롤 페이지 생성 react-infinite-scroll-component

react-infinite-scroll-component

무한으로 페이지를 스크롤 할때, 필요한 라이브러리이다. 

다음 그림은 해당 라이브러리의 무한 스크롤 예제 실행모습이다. 

스크롤을 내리면, div가 추가되는데, 무한으로 스크롤을 해준다.

해당 소스의 링크 : https://codesandbox.io/s/yk7637p62z?file=/src/index.js 

yk7637p62z - CodeSandbox

---

InfiniteScroll 의 주요 props 

• loader : loading 동안 보여질 내용
• hasMore : 더보기 할 내용이 있니? true 면 next의 함수 작동시킴.
• next : 여기에 등록된 함수가 더보기 할 내용이 있으면 작동된다. 고로 여기서 더보기 내용을 추가시킴. 즉 setState( ) 등의 값변화를 시킨다.
• dataLength : 새로 추가될 양 (ex : 값이 5라면 5개씩 추가됨)

---