[TIL] 2023. 1. 10.

✅ 오늘 한 일

리액트 네이티브 프로젝트 - 상세페이지 리뷰 CRUD 구현

useQueries - useMuation

// Detail.jsx

const queries = useQueries([
  {
    // firebase에서 공연 상세정보 받아오는 함수
    queryKey: 'detail',
    queryFn: () => getDetail(title),
  },
  {
    // firebase에서 리뷰 데이터 받아오는 함수
    queryKey: 'reviews',
    queryFn: () => getReviews(title),
  },
]);

// ReviewContainer.jsx

const mutationAdd = useMutation(createReview, {
  onSuccess: () => {
    queryClient.invalidateQueries('reviews');
  },
});

const mutationDelete = useMutation(deleteReview, {
  onSuccess: () => {
    queryClient.invalidateQueries('reviews');
  },
});

const mutationUpdate = useMutation(updateReview, {
  onSuccess: () => {
    queryClient.invalidateQueries('reviews');
  },
});

👾 구현할 것

• 리뷰 수정/삭제 사용자 권한 부여
• 검색 기능
• Refresh Control