인프런 커뮤니티 질문&답변
작성한 질문수
인피니티 스크롤 파트에 질문 - useRef
작성
·
148
0
인피니티 스크롤 파트에 질문이 있습니다.
Nodebird 메인 게시글에서
아래 useRef의 countRef에 마지막 게시글 id를 넣으면서 처음 부터 끝까지 스크롤링을 하였을 때는 문제가 없는데요~
그 상태에서 다시 상단 메뉴의 Nodebird 버튼 클릭 후 게시글을 들어 가면
이미 countRef에 게시글 id가 있어 스크롤을 아래로 해도 처음 10개 이외에는 불러오지 못해요~
|
const countRef = useRef([]);
const onScroll = useCallback(() => {
if (window.scrollY + document.documentElement.clientHeight > document.documentElement.scrollHeight - 300) {
if (hasMorePost) {
const lastId = mainPosts[mainPosts.length - 1].id;
if (!countRef.current.includes(lastId)) {
dispatch({
type: LOAD_MAIN_POSTS_REQUEST,
lastId,
});
countRef.current.push(lastId);
}
}
}
}, [hasMorePost, mainPosts.length]);
|
|
| } | |
| }, [hasMorePost, mainPosts.length]); |
