Inflearn コミュニティ Q&A
投稿した質問数
무한스크롤 기능, 검색기능 대소문자
作成
·
89
·
編集済み
0
강의 잘 보고 있습니다.
무한 스크롤 기능 구현 해보았는데요
영화가 60개까지 나오고 진행이 되지 않다가 개발자 도구를 켜면 더 스크롤이 되는데 그것도 120번 영화에서 끊깁니다. 머가 문제일까요 ...ㅠ
검색기능에서 title 첫글자 대소문자 상관없이 하려면 어디를 수정해야 하나요?
firebasenext.jstailwindcssreact-querysupabase
回答 1
0
lopun
インストラクター
쿼리 상으로는 아무리 봐도 문제가 없네요. 제 추측에는 intersection observer 때문인 것 같습니다. 우선 useEffect 함수의 의존성 배열을 아래처럼 수정해보시겠어요?
useEffect(() => { if (inView && hasNextPage && !isFetching && !isFetchingNextPage) { fetchNextPage(); } }, [inView, hasNextPage, isFetching, isFetchingNextPage]);title을 대소문자 구분없이 쿼리 하시기 위해서는 like 함수가 아니라 ilike 함수를 사용하시면 됩니다. 관련 링크
mirurosemary
質問者
감사합니다 대소문자는 잘 해결 되었습니다. 아직 출력되는 영화 수에 문제가 있는데 말씀해주신 방법으로 수정 후엔 72개 까지 나오고 멈춥니다. 정리하면 수정전에 60개에서 개발자도구를 켜면 120개, 지금은 72개 개발자도구 on 140개 전체..
그리고 콘솔에 요렇게 뜨네요. pageParam, pageSize 에 문제가 있는걸까요?
넵~ 깃헙 초대 드렸습니다~!