本文整理汇总了TypeScript中apollo-client.ApolloClient.watchQuery方法的典型用法代码示例。如果您正苦于以下问题：TypeScript ApolloClient.watchQuery方法的具体用法？TypeScript ApolloClient.watchQuery怎么用？TypeScript ApolloClient.watchQuery使用的例子？那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类apollo-client.ApolloClient的用法示例。
在下文中一共展示了ApolloClient.watchQuery方法的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: it
it('simple query with both server and client fields', done => {
const query = gql`
query GetCount {
count @client
lastCount
}
`;
const cache = new InMemoryCache();
const local = withClientState({
cache,
defaults: {
count: 0,
},
resolvers: {},
});
const http = new ApolloLink(operation => {
expect(operation.operationName).toBe('GetCount');
return Observable.of({ data: { lastCount: 1 } });
});
const client = new ApolloClient({
cache,
link: local.concat(http),
});
client.watchQuery({ query }).subscribe({
next: ({ data }) => {
expect({ ...data }).toMatchObject({ count: 0, lastCount: 1 });
done();
},
});
});示例2: it
it('lets you write to the cache with a mutation and it rerenders automatically', done => {
const query = gql`
{
field @client
}
`;
const mutation = gql`
mutation start {
start @client
}
`;
const local = withClientState({
resolvers: {
Query: {
field: () => 0,
},
Mutation: {
start: (_, $, { cache }: { cache: InMemoryCache }) => {
cache.writeQuery({ query, data: { field: 1 } });
return { start: true };
},
},
},
});
const client = new ApolloClient({
cache: new InMemoryCache(),
link: local,
});
let count = 0;
client.watchQuery({ query }).subscribe({
next: ({ data }) => {
count++;
if (count === 1) {
expect({ ...data }).toMatchObject({ field: 0 });
client.mutate({ mutation });
}
if (count === 2) {
expect({ ...data }).toMatchObject({ field: 1 });
done();
}
},
});
});