React Firebase，实时光标位置观察器无法处理更新

Question

我正在编写一个模块，该模块可让您在屏幕上的其他人上跟踪鼠标坐标。我正在将X和Y坐标写入firebase。 onMouseMove写入事件进行得非常顺利，Firebase更新也完美无延迟。但是我的读取事件在跟上时有些麻烦：

        .child('activity')
        .on('value', snapshot => {
          if (snapshot.val()) {
            friendDashboardActivityData[userKey] = snapshot.val();
            if (document.getElementById('cursor' + userKey)) {
              /** Place the element based on the coordinates */
              let d = document.getElementById('cursor' + userKey);
              d.style.left = snapshot.val()['cursor'].x + 'px';
              d.style.top = snapshot.val()['cursor'].y + 'px';

出现在屏幕上的鼠标真的很笨，因为它无法处理Firebase每秒的许多更改。在Firebase中是否有一个可以使用的插座（例如连接器）（或者我们在某个地方犯了一个错误），所以我似乎光标在平稳移动。