如何在 React 类组件中使用 React-query？

Question

我意识到：如果我想使用钩子，import { useQuery } from 'react-query'我只能在 React 函数组件中做到这一点。

我是否必须用 React 函数语法重写旧的类组件，或者是否有一种简单的方法可以将 React-query 与类语法一起使用？

我确信它在某个地方有记录，但我只能找到使用 React 函数组件的教程。

Answer 1

使用渲染道具模式重新实现它\xe2\x80\x99s 非常容易。来自github 讨论：

\n

function UseQuery (props) {\n  return props.children(useQuery(props.key, props.fn, props.options))\n}\n<UseQuery\n  key=\xe2\x80\x9ctodos\xe2\x80\x9d\n  fn={() => getTodos()}\n  options={{ staleTime: 5000 }}\n>\n  {query => {. . .}}\n</UseQuery>\n

\n