import React, { useState, useCallback } from 'react';
import { usePolling } from 'use-heart-beat';
import { api } from '@/api';
export default () => {
const fetch = useCallback(async () => {
return api.polling.polling(id);
}, []);
const { data } = usePolling<number>({ id: 'polling-example', api: fetch, delay: 1000 });
return (
<>
<span>{data}</span>
</>
);
};
import React, { useState, useCallback } from 'react';
import { useLongPolling } from 'use-heart-beat';
import { api } from '@/api';
export default () => {
const fetch = useCallback(async () => {
return api.polling.longpolling(id);
}, []);
const { data } = useLongPolling<number>({ id: 'long-polling-example', api: fetch, delay: 1000 });
return (
<>
<span>{data}</span>
</>
);
};