问题描述: 当使用Apollo查询组件时,出现了“Apollo查询组件未定义”的错误。
解决方法:
npm install @apollo/client
import { ApolloClient, InMemoryCache } from '@apollo/client';
const client = new ApolloClient({
uri: 'http://your-graphql-endpoint',
cache: new InMemoryCache(),
});
useQuery
Hook。import { useQuery, gql } from '@apollo/client';
const GET_DATA = gql`
query GetData {
// 查询语句
}
`;
const MyComponent = () => {
const { loading, error, data } = useQuery(GET_DATA);
if (loading) return Loading...
;
if (error) return Error: {error.message}
;
// 使用查询结果进行渲染
return (
// 组件内容
);
};
希望以上解决方法能帮助到你解决问题。