React Query - 无法通过“getQueryData”访问数据，总是返回未定义答案

【问题标题】：React Query - unable to access the data via 'getQueryData', always returns undefinedReact Query - 无法通过“getQueryData”访问数据，总是返回未定义
【发布时间】：2021-04-06 16:29:04
【问题描述】：

我是第一次尝试 React Query，我写了这个：

export function Component(): JSX.Element {
  const queryClient = new QueryClient()

  const { data } = useQuery<DataType>({
    queryKey: "myKey",
    queryFn: () => ....,
  })

  const sameData: DataType| undefined = queryClient.getQueryData("myKey")

  return (
    <>
      {console.log(data)}
      {console.log(sameData)}
      <p>Loaded, see console for values.</p>
    </>
  )
}

数据对象按预期创建，但我似乎无法让 sameData 返回未定义以外的任何内容。我知道这意味着 React Query 没有找到我的密钥。有人对如何解决这个问题有任何想法吗？

【问题讨论】：

标签： reactjs react-query

【解决方案1】：

您在每次渲染中都创建了一个新的 QueryClient，因此您将获得一个新的缓存。查看文档首页上的示例：https://react-query.tanstack.com/overview

你需要一个稳定的queryClient，并把它放在一个QueryClientProvider中

【讨论】：

谢谢！我现在明白了 - 非常有帮助！