javascript - 使用 useState 存储来自 useQuery 的数据

Question

我正在使用 React 钩子(Hook)来获取带有 react-apollo 的 GraphQL 数据并存储本地状态:

const [userData, setUserData] = useState({})
const { loading, error, data } = useQuery(USER_QUERY)

但是，我想知道如何存储 data至userData .这是它应该如何工作的:

useEffect(() => {
  setUserData(data)
}, [Object.entries(data).length])

Answer 1

看起来你所拥有的可能有效。还有一个onCompleted options 中提供的选项范围。它需要一个回调类型:

(data: TData | {}) => void

所以这是另一种方法:

const { loading, error, data } = useQuery(USER_QUERY, {onCompleted: setUserData})