Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- Spring
- supabase 페이지네이션
- interface
- array
- materialicons
- map
- 안드로이드빌드에러
- 슬라이딩윈도우
- app.post
- 상속
- 리액트네이티브아이콘
- Next.js
- meatadata
- reactnative
- mainapplication.kt
- app:compiledebugkotlin
- 배열중복요소제거
- Filter
- 이진탐색
- 글또10기
- set
- 스크롤이벤트
- TS
- extends
- javascript
- 타입스크립트
- generic
- react
- 페이지네이션
- async
Archives
- Today
- Total
목록무한스크롤 (1)
rhanziy
React Native - 무한스크롤 useInfiniteQuery와 FlatList (typescript)
기존에 구현되어있는 상품리뷰에 점주들이 댓글을 작성할 수 있는 기능을 추가해야했다. 그러면서 storeId 에 딸린 리뷰 목록을 불러오는 페이지를 새로 만들면서 겪은 시행착오~ 리액트 네이티브에서는 보통 무한스크롤 + 페이징으로 처리하는 것 같아 정리를 해놓고자 한다. 1. useInfiniteQuery 파라미터 값만 변경하여 동일한 useQuery를 무한정 호출할 때 사용하는 react query의 hook이다. useQuery와의 차이점은 ✅ 반환 객체에서 반환된 데이터 프로퍼티의 형태 useQuery에서의 데이터는 단순히 쿼리함수에서 반환된 데이터이고, useInfiniteQuery에서는 두개의 프로퍼티를 가지고온다. 하나는 데이터 페이지 객체의 Array 이고, 페이지 하나하나에 있는 요소가 us..
React Native
2023. 11. 20. 22:22