在Apollo GraphQL中,查询只能运行一次。这是因为Apollo客户端默认会将查询结果缓存起来,以便在需要时直接从缓存中读取,而不是再次发送网络请求。
如果你想再次运行同一个查询,可以使用Apollo客户端的refetch
方法。refetch
方法会发送一个新的网络请求,并更新缓存中的查询结果。下面是一个示例代码:
import { useQuery, gql } from '@apollo/client';
const GET_DATA = gql`
query GetData {
// 查询内容
}
`;
function MyComponent() {
const { data, loading, refetch } = useQuery(GET_DATA);
if (loading) {
return Loading...;
}
return (
// 使用data渲染UI
);
}
在这个示例中,refetch
方法被绑定到一个按钮的点击事件上。当用户点击按钮时,refetch
方法会发送一个新的网络请求,并更新data
中的查询结果。页面会显示"Loading..."直到新的查询结果返回。
注意,useQuery
的refetch
方法可以接受一个参数,用于传递新的变量值,以便在重新运行查询时更新查询参数。例如:
这样可以在重新运行查询时更新变量的值。