带有 Firestore 的 RN 无法等待 Promise 解决

Question

我有一个简单的调用 Firestore 来编写一个文档，然后等待文档完成写入，然后再更改父级的状态。但是，父状态更改得太快，导致读取我认为尚未写入/传播的字段。我尝试使用 setTimeout 添加延迟，但似乎被忽略了。如何确保完全仅在 Firestore 文档编写完成后才调用状态更改？

代码：

updateDBEntry(stateObj) {
   var that = this;
   var docRef = firebase.firestore().collection('sessions').doc(this.state.userID);
   docRef.get().then((doc) => {
     if (!doc.exists) {
       const timestamp = firebase.firestore.FieldValue.serverTimestamp();
       var duration = (stateObj.seshDuration) ? stateObj.seshDuration : 1;
       docRef.set({
         seshName: stateObj.seshName,
         seshStreet: stateObj.seshStreet,
         seshZipcode: stateObj.seshZipcode,
         seshDuration: duration,
         seshDesc: stateObj.seshDesc,
         seshTime: timestamp,
       }).then(() => {
         var handleToUpdate  = that.props.handleToUpdate;
         setTimeout(() => {
            handleToUpdate(1); //this changes the parent's state
          }, 10000);
       });
     }
  });

 }

Answer 1

我不确定您在这里遇到的确切问题，主要是因为您只展示了这一个功能，而不是您在应用程序的其余部分中如何使用它。但我可以肯定地告诉你三件事：

1. 当来自 set() 的 promise 成功解析时，您可以确定文档已写入。
2. get() 和 set() 是异步的，then() 也是如此。他们都返回代表异步工作的承诺。
3. 第 2 项意味着您的整个函数 updateDBEntry() 也是异步的，并在任何工作完成之前立即返回。

因为整个函数是异步的，所以当它返回时，文档还没有被创建。相反，也许这个函数应该在所有工作完成后才返回，这样调用者也可以使用它设置一些代码在工作完成后执行。