Reactjs 如何处理没有QueryClient集的问题，请在React Query v3中使用QueryClient Provider设置一个

我的代码如下所示：

import { useQuery, QueryClientProvider, QueryClient } from 'react-query'
import React from 'react'

const queryClient = new QueryClient()

const fetchData = async () => {
  return (await fetch(`http://jservice.io/api/random?count=50`)).json()
}

function App() {

  const [isLoading, error, data] = useQuery('qa', fetchData)

  console.log(data)


  return (

    <QueryClientProvider client={queryClient}>
      <div className="App">
      </div>
    </QueryClientProvider>

  );
}

export default App;

---

我即将完全放弃这个库，转而使用其他库。

将

QueryClientProvider

放在react应用程序的根目录下

我猜是在索引文件中

当函数尝试运行hook

useQuery

hook查询客户端缓存时，该缓存未初始化，这将触发该错误

---

如果您不想将其保留在索引中，至少它应该位于父函数中，而不是与您使用的

useQuery

、

useVariation

或任何钩子的位置相同。

您可以将

QueryClientProvider

放在react应用程序的根目录下，然后再试一次吗。我猜是在索引文件中。@SangamRajpara是的，是的。如果你愿意加上它作为答案。

Error: No QueryClient set, use QueryClientProvider to set one