React 应用程序中的 Firebase 实时数据库：如何访问这些值？

Question

我正在开发一个应用程序，其中一位主持人在单击时写入数据库，而访客仅读取数据。 如果 user====id 为真，您就是主持人。 我想为主持人执行的来宾调用点击事件，以便他们也看到结果。 但是当我尝试访问这些值时，他们说它为空。 唯一的方法是以访客身份点击应用程序，因为我不想要访客，因为访客应该在不做任何事情的情况下进行更新。 我有点困惑。 如果我的描述不是很清楚，请提前抱歉。 很高兴得到帮助。

useEffect(() => {
    if(user && id){
        if(user===id){
            dbTimer.set(
                {lastUpdated: Math.floor(Date.now() / 1000), isRunning});
        }
        else{
            dbTimer.child("IsRunning").on("value", snap=>setIsRunning(snap.val()));
            console.log("isRunning", isRunning) // null
            if(isRunning){
                mouseIsUpHandler();
            }
        }
    }
}, [user, id, isRunning, isDown]);

Answer 1

你大多是在正确的轨道上。 我假设setIsRunning是一个useState更新函数。 调用它并立即检查值将不起作用，因为isRunning变量在调用更新函数之前具有原始值。 通过检查回调函数中的值，您应该能够达到您想要的结果。

useEffect(() => {
  if(user && id){
    if(user===id){
      dbTimer.set(
        {lastUpdated: Math.floor(Date.now() / 1000), isRunning});
    } else {
      dbTimer.child("IsRunning").on("value", 
        snap => {
          const newIsRunning = snap.val();
          setIsRunning(newIsRunning);
          console.log("isRunning", newIsRunning);
          if(newIsRunning){
            mouseIsUpHandler();
          }
        });
    }
  }
}, [user, id, isRunning, isDown]);