可以通过以下代码示例来解决此问题:
import { useQuery } from '@apollo/react-hooks';
const MY_QUERY = gql`
query MyQuery {
// ...
}
`;
function MyComponent() {
const { loading, error, data, startPolling, stopPolling } = useQuery(MY_QUERY, {
pollInterval: 5000, // 每5秒询问服务器
});
if (loading) return Loading...
;
if (error) return Error :(
;
return (
{data.myData.map((item) => (
{item.name}
))}
);
}
在这个例子中,我们使用了Apollo客户端的useQuery钩子来查询数据。我们在钩子参数中将“pollInterval”设置为5000,这意味着每5秒钟我们会询问一次服务器来获取最新的数据。您可以根据需要增加或减少这个数值。