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

Question

我有一个带有视频播放器 window 的反应 js 应用程序，使用 Firebase 数据库。 我有一个管理面板，可以更改所示视频的 url。

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

我怎样才能做到这一点？

Answer 1

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

Answer 2

我找到了一种使用 Firebase 的简单方法。使用 Cloud Firestore 获取实时更新。

onSnapshot() function

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