인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

newCode님의 프로필 이미지
newCode

작성한 질문수

리액트로 나만의 블로그 만들기(MERN Stack)

(59) Infinite Scroll

posts:[]

작성

·

298

0

posts:[]  포스트 배열을 저번에 다른 링크에 갔다 왔을 때, 다시 돌아오면 포스트가 똑같은게 여러개 쌓여서 넣으셨는데,

여기서 인피티니스크롤을 기능을 넣어서,지우면서 똑같은 현상이 계속 발생하는건 다른 방법으로 어떻게 막을 수 있을까요???

답변 1

0

싸플님의 프로필 이미지
싸플
지식공유자

그래서 현재 완성된 코드의 Reducer를 보시면 다시 돌아오면 쌓일만한 곳의 loading 부분 posts:[]를 빈배열로 만들어놓고 success시에만 posts 배열을 쌓도록 하고 있습니다. 

  ※ 쌓일만한곳 : POST_EDIT_LOADING_REQUEST, POST_DETAIL_LOADING_REQUEST, CATEGORY_FIND_REQUEST, SEARCH_REQUEST

해당 문제는 상태관리 문제이기에, reducer를 잘 만져야 합니다. 

[참고] 

case POSTS_LOADING_REQUEST:
return {
...state,
posts: state.posts.length === 0 ? [] : [...state.posts],
loading: true,
};

이렇게 조건문도 쓸수 있습니다. 

newCode님의 프로필 이미지
newCode

작성한 질문수

질문하기