개발자

react-query fetching 스켈레톤 오류

2022년 10월 07일조회 150

react-query의 isFetching 값을 사용해서 데이터를 fetching 할 때 스켈레톤을 보여주려고 하는데요, 제가 의도하지 않은 타이밍에도 스켈레톤이 뜹니다. 이미 데이터가 한 번 로딩된 이후에도 다시 스켈레톤이 표시됐다가 데이터가 불러와지는데 왜 그런지 아시는 분 계실까요?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

이은재님의 프로필 사진

안녕하세요. react query에서 isFetching은 캐싱된 데이터가 있고 데이터를 refetching 하는 경우에도 값이 true 입니다. 그래서 이미 데이터가 표시되고 있더라도 해당 데이터를 refetching 하게 되면 스켈레톤이 보일 수 있을 것 같아요. isLoading은 캐싱된 데이터가 없이 fetching 할 때만 값이 true이기 때문에 isLoading을 대신 사용하시면 말씀하신 문제는 발생하지 않을 것 같습니다. 실제로도 스켈레톤 표시에는 isLoading값을 주로 쓰는 걸로 알고있어요.

profile picture

익명

작성자

2022년 10월 17일

그렇군요.. isLoading으로 수정해 보겠습니다 감사합니다!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!