파이어베이스 댓글 구현시 질문

[배해기]

전에 코칭받고 퀄리티를 높여서 새로 만드는 중 마지막 한개가 구현이 잘 안되서 질문남깁니다.ㅠ

일단 원하는건
 
위 사진은 게시글 리스트입니다. 여기서 이제 안에 댓글의 갯수를 여기서 보여줘야하는데
0개면 0개 4개면 4개 위 그림처럼 보여줘야하는데 이게 생각한것처럼 잘 안먹힙니다..

댓글을 일단 파이어베이스 데이터베이스에

보다시피 post(컬렉션) 안에 > 필드(게시글) 안에 > comment(컬렉션) 이런식으로 만들어뒀는데요.

저걸로 이제 게시글 리스트에서 댓글이없을 땐 0을 있을 땐 그 갯수를 보여줘야하는데

ListItem으로 만든 컴포넌트에서

위 처럼 사용을했더니 (props.item은 각각의 리스트아이템들)
첫 페이지는 보다시피 잘 작동합니다. ( 첫번째 사진)
그에 맞는 게시글 댓글수가 잘 나타나고있는데

페이지네이션으로 2페이지 넘어가면 그때 이제 에러가 발생하는데


보다시피 2페이지에는 아이템이 하나뿐인데 저 아이템에는 댓글이 3개가있습니다..



콘솔 찍어본 결과로는 저렇게 다 따로따로 나타나네요.. 어떻게해야할지 감이 안잡힙니다..ㅠ
여러방법 다 시도해봤는데 시원하게 구현이 안되네요..

[codingapple]

https://firebase.google.com/docs/firestore/query-data/aggregation-queries
.count쓰면 컬렉션의 document갯수 세어줍니다 

[글쓴이]

글