TypeError：無法在 it.fromString 處讀取未定義的屬性（讀取“indexOf”）

Question

我正在嘗試按降序訂購我的“訂單”系列，但出現此錯誤，我似乎無法弄清楚原因。

 const [orders, setOrders] = useState([]);
  useEffect(() => {
    if (user) {
      const userOrders = onSnapshot(
        doc(db, "users", user?.id, "orders").orderBy("created", "desc"));
           setOrders(
           userOrders.map((doc) => ({
           id: doc.id,
           data: doc.data(),
         }))
      );
    } else {
      setOrders([]);
    }
  }, [user]);

我是 v9 模塊化 firebase 的新手，如果有人可以幫助我解決這個問題，我將不勝感激。

Answer 1

您的代碼中有幾個問題：

1. 通過做doc(db, "users", user?.id, "orders").orderBy("created", "desc"); 您嘗試在DocumentReference上調用orderBy()方法，這是不可能的（實際上這個DocumentReference定義錯誤）。 您需要在CollectionReference上調用orderBy()方法。
2. 您不能直接在userOrders上調用map() ，因為onSnapshot()為 DocumentSnapshot 事件附加了一個偵聽器並返回一個 function ，可以調用它來取消快照偵聽器。

我建議您閱讀以下文檔：

• 使用 Cloud Firestore 獲取數據。 在您的情況下，您可能應該使用get()方法來獲取數據一次。
• 使用 Cloud Firestore 訂購和限制數據。 請參閱第一個示例以及如何使用const q = query(citiesRef, orderBy("name"), limit(3));定義Query .

---

在您的情況下，查詢應聲明如下：

const collRef = collection(db, "users", user?.id, "orders");
const q = query(collRef, orderBy("created", "desc"));

const querySnapshot = await getDocs(q);
querySnapshot.forEach((doc) => {
 console.log(doc.id, " => ", doc.data());
});
// Or querySnapshot.docs().map(...);