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
- react
- app.post
- 상속
- mainapplication.kt
- app:compiledebugkotlin
- materialicons
- npm에러
- 이진탐색
- set
- array
- TS
- Filter
- async
- err_connection_refused
- Next.js
- 안드로이드빌드에러
- generic
- 스크롤이벤트
- interface
- Spring
- 배열중복요소제거
- extends
- reactnative
- javascript
- 타입스크립트
- map
- 리액트네이티브아이콘
- 슬라이딩윈도우
- forwardref type
- reactnative error
Archives
- Today
- Total
목록FlatList (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