前端小白，咨询下 nextjs, react 项目 useQuery 相关问题，多谢各位大佬

下面代码，为啥 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> ); }