jineecode

네트워크 요청이 실패하면 이상적으로는 쿼리가 오류 상태가 되기를 원할 것입니다. 그렇게 하지 않고 대신 성공한 쿼리가 표시 된다면 이는 queryFn 이 실패한 Promise를 반환하지 않았음을 의미합니다. React Query는 상태 코드나 네트워크 요청에 대해 전혀 알지 못합니다(또는 신경 쓰지 않습니다). queryFn 이 제공 해야 하는 해결되거나 거부된 Promise가 필요합니다. React Query가 거부된 Promise를 발견하면 잠재적으로 재시도를 시작하고 오프라인인 경우 쿼리를 일시 중지하고 결국 쿼리를 오류 상태로 만들 수 있으므로 올바르게 수행하는 것이 매우 중요합니다. 오류를 올바르게 처리하려면 React Query에서 거부(rejected)된 Promise가 필요합니다. 운 좋게..

v4.0 "@tanstack/react-query": "4.0.10", 문제: useQuery로 API 통신 시, Missing queryFn 표출됨 API에는 문제가 없었음. import axios from 'axios'; import { useQuery } from '@tanstack/react-query'; import { fetchPosts } from '@src/api/getPosts'; const PostList = () => { const { data, isLoading, isError, error } = useQuery('post', fetchPosts); if (isLoading) { return Loading...; } if (isError) { return Error: {error};..