下面代码,为啥 Hello1 正常,Hello2 不正常? console.log 输出分别为: Hello1: success {Hello: 'World'} null false Hello2: undefined undefined undefined undefined
src/api/test3.tsx
'use client';
import { useQuery } from "@tanstack/react-query"
import axios from "axios"
function TestApi3() {
return {
Hello1,
Hello2,
}
function Hello1() {
return useQuery({
queryKey: ["hello2"],
queryFn: async () => {
const { data } = await axios.get("http://localhost:8000/api/hello", )
return data;
}
})
}
function Hello2() {
return useQuery({
queryKey: ['hello3'],
queryFn: async () => {
const data = (await fetch('http://localhost:8000/api/hello')).json()
return data
},
})
}
}
export { TestApi3 }
src/app/debug/page.tsx
'use client';
import { TestApi3 } from "@/api/test3"
export default function Home() {
const { status, data, error, isFetching } = TestApi3().Hello1();
console.log('Hello1:', status, data, error, isFetching)
const { status2, data2, error2, isFetching2 } = TestApi3().Hello2();
console.log('Hello2:', status2, data2, error2, isFetching2)
return (
<main className="">
<div>
<h1>Hello World</h1>
</div>
</main>
);
}
![]() |
1
powerfulyang 71 天前
你觉得呢,变量名就不对。哪来的 status2, data2, error2, isFetching2 。
const { status as status2, data as data2 } 别名下 |
2
onlxx123 71 天前
const { status: status2, data: data2, error: error2, isFetching: isFetching2 } = TestApi3().Hello2();
|
3
zed1018 71 天前
fetch 的 response.json return type 是 promise
https://developer.mozilla.org/en-US/docs/Web/API/Response/json |
4
deltaone OP |