如果 useContext 未定义,Apollo GraphQL useQuery react hooks 会出现呈现错误。 解决此问题的一种方法是确保正确导入 useContext 并正确使用它。
代码示例:
import React, { useContext } from "react";
import { useQuery } from "@apollo/react-hooks";
import { MyQuery } from "../graphql/queries";
const myComponent = () => {
const { data } = useQuery(MyQuery);
const myData = data ? data.results : null;
const { myContextData } = useContext(MyContext);
return (
{ myData.map((d) => (
{d.name}
))}
{myContextData}
)
}
在此示例中,useContext
已正确导入并在代码中使用。如果仍然存在问题,则需要确保 MyContext
上下文实际存在并正确地传递给组件。