React 函数不等待来自 Firestore 的数据

Question

每次我运行以下代码时，React 似乎都在继续，而不是像我在 setCurrentDevice 中要求的那样填充 CurrentDevice。当在最后一行询问时，它只是在日志中抛出一个 undefined 。它似乎确实记录了正确的设备详细信息，正如我在第一个 console.log 运行时看到的那样。在继续之前如何使反应填充状态 CurrentDevice？

const q = query(collection(db, 'DeviceDetails'), where('serialNo', '==', SerialNo))

    const querySnapshot = await getDocs(q)
    querySnapshot.forEach((doc) => {
      // doc.data() is never undefined for query doc snapshots
      setCurrentDevice(doc.data());
      console.log(doc.data());
    })

    console.log(currentDevice);

Answer 1

在本例中，当您将 hook 更新为 useState 时，component 使用 hook 的新 value 重新渲染，因此 currentDevice 将在下一次渲染期间获得新的 value 它不可用然而。尝试从你的jsx中consol.log('this is a new render and this is my data : ',currentDevice)来更好地理解