어떤 글을 눌러도 다 똑같은 comment가 나오고 있다.
=> queryKey 때문임
어떤 글을 써도 comments data가 stale 이고, refetch가 안된다.
모든 쿼리가 같은 key 를 쓰고 있음. ([comments]
)
trigger가 있을 때만 refetch 된다.
여기 중 하나의 일이 아니기 때문에 data가 stale이여도 refetch가 안된다.
블로그 post 1에 대한 comment를 캐시에서 제거할 필요 x (post 2 를 쿼리할 때)
쿼리에는 post Id를 포함한다.
즉, 우리가 원하는건 각 post마다 query를 labeling 하는 것 !!
key가 변할 때, 새로운 쿼리 생성한다
=> 각 쿼리는 개별적인 stale time과 개별적인 cache time을 갖는다.
queryKey에서 post.id와 같은 중요한 종속성이 누락되었다는 뜻 !
데이터가 달라도(post.id) react-query는 캐시에 data가 있다고 보고 refetch 안한 것.
화면에 표시되지 않는 상태