為什么這個 function 在 React Native 中返回 false？

Question

功能

checkIfSeen = (uid, news_id) => {
  var seen = false;
  const docRef = DB.informationsCollection.doc(news_id).collection('users').doc(uid);
  docRef.get()
    .then((docSnapshot) => {
      if (docSnapshot.exists) {
        seen = true;
        console.log(seen);
        // returns true
      }
    });
  console.log(seen);
  // returns false
}

問題

它在if (docSnapshot.exists) {之后返回 true，但在 function 的最后一個返回 false。

有人知道為什么會這樣嗎？

如果您能給我任何建議，我將不勝感激。

更新

checkIfSeen = (uid, news_id) => {
  const docRef = Fire.shared.informationsCollection.doc(news_id).collection('users').doc(uid);
  docRef.get()
    .then((docSnapshot) => {
      if (docSnapshot.exists) {
        this.alreadySeen();
      } else {
        this.notSeen();
      }
    });
}

alreadySeen = () => {
  return true;
}

notSeen = () => {
  return false;
}

Answer 1

function checkIfSeen沒有明確的返回類型。 它總是會返回undefined給調用它的人。

function 內部還有一個異步活動，位於docRef.get()

這就是所謂的 promise。 當它的工作完成時，它執行then塊，將返回的數據傳遞給 function 提供給then function。

function 執行現在進入 then 塊，它不能同步返回到外部 function。

您可以在 function 中繼續執行您的程序。 喜歡

checkIfSeen = (uid, news_id) => {
  var seen = false;
  const docRef = DB.informationsCollection.doc(news_id).collection('users').doc(uid);
  docRef.get()
    .then((docSnapshot) => {
      if (docSnapshot.exists) {
        seen = true;

        // Do something here or invoke any other function
        renderUI();
        console.log(seen);
        // returns true
      }
    });
  console.log(seen);
  // returns false
}