TIL 42. 2024-02-27

react Query를 사용하여 CRUD 구현

const {
    data: reviews,
    isLoading,
    error
  } = useQuery({
    queryKey: ['reviews'],
    queryFn: getReview
  });


const { mutate: addMutate } = useMutation({
    mutationFn: (review) => createReview(review),
    onSuccess: () => {
      queryClient.invalidateQueries();
    }
  });

  const { mutate: deleteMutate } = useMutation({
    mutationFn: (id) => deleteReview(id),
    onSuccess: () => {
      queryClient.invalidateQueries();
    }
  });

  const { mutate: editMutate } = useMutation({
    mutationFn: ({ id, review }) => updateTodo(id, review)
  });