如何在不刷新的情况下更改用户页面内容

Question

我有一个带有视频播放器窗口的 React js 应用程序，使用 Firebase 数据库。 我有一个管理面板，可以更改所显示视频的网址。

我希望当管理员更改显示的视频时，另一侧用户显示的视频在不刷新页面的情况下更改。

我该怎么做？

Answer 1

我认为您应该使用 WebSockets (https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_client_applications)。客户端将监听组件内部的更改并更改状态。

Answer 2

我找到了一种使用 Firebase 的简单方法。 Get realtime updates with Cloud Firestore.

onSnapshot() 函数

<块引用>

您可以使用 onSnapshot() 方法收听文档。使用您提供的回调的初始调用会立即使用单个文档的当前内容创建文档快照。然后，每次内容更改时，另一个调用都会更新文档快照。