recoil selector로 db 데이터 fetch 후 질문입니다.

Question

안녕하세요! 질문 하나 드립니다~! &#x1f64f;&#x1f3fb;selector로 데이터를 받아온 후, 데이터의 변화(post의 추가나 삭제 등)가 있을 때 리렌더링이 일어나도록 하려면어떻게 처리하는 게 좋을까요?// 전체 게시물 export const AllPostsSelector &#61; selector({ key: &#34;allPostsSelector&#34;, get: async () &#61;> { const db &#61; getFirestore(); const querySnapshot &#61; await getDocs(collection(db, &#34;posts&#34;)); const allData &#61; querySnapshot.docs.map((doc) &#61;> ({ id: doc.id, ...doc.data(), })); return allData; }, });useEffect()를 사용해보니 무한 루프가 발생하네요.무조건 atom을 구독해야 리렌더링이 가능한걸까요?게시물을 삭제하거나 추가하면 db는 정상적으로 데이터가 변동되는데, 새로고침을 해야 화면에 뜨는 상태입니다.현재 댓글 상태, 좋아요도 위와 같은 상태입니다.조언 부탁드립니다. 감사합니다!!

codezzzz · Answer

추가, 삭제하고 다시 해당 데이터를 전체 불러오거나추가, 삭제하고 성공케이스일때 해당 데이터만 업데이트 처리

치에 · Answer

현재 시도해 본 방법들인데 잘 되질 않네요 ㅠㅠ 1. useResetRecoilState로 초기화를 해도, 새로고침 해야 변동된 데이터가 적용됩니다. const refresh = useResetRecoilState(MissingPersonAllDataAtom); const handleDelete = async (e) => { ... refresh(); };2. handleDelete 함수 안에 데이터를 새로 불러온 후 Atom에 할당해도, 새로고침 해야 변동된 데이터가 적용됩니다. const setMissingPersonAllData = useSetRecoilState(MissingPersonAllDataAtom); const handleDelete = async (e) => { ... const updatedData = await axios.get(WORKER_URL); setMissingPersonAllData(updatedData.data); };

recoil selector로 db 데이터 fetch 후 질문입니다.

2개의 답변

#firestore 목록