在Mern应用程序中实时获取数据的最佳方式是什么

Question

这就是我使用setInterval的方法，但挑战是每次加载状态时都使用屏幕加载程序，这会中断屏幕上的活动。这似乎也是一个昂贵的过程！

useEffect(() => {
dispatch(getOrders());
// Fetching orders every after 1 Minute
const interval = setInterval(() => {
dispatch(getOrders());
}, 60000);
return () => clearInterval(interval);
}, [dispatch]);

return loading ? (
<Loader />
) : error ? (
<Message variant="danger">{error}</Message>
) : (
<Container fluid>
...
</Container>

Answer 1

如果您想要实时更新，您应该使用从服务器到客户端的推送方法。一种常见的方法是使用WebSockets监听客户端，并在情况发生变化时从服务器推送更新。