為什么我不能為 Firebase 的文檔數據設置狀態？

Question

我從我的 firestore 數據庫中獲取數據，如下所示：

const [songs, setSongs] = useState();

async function getSongs() {
  const songs = collection(db, 'songs');
  const songSnapshot = await getDocs(songs);
  const songList = songSnapshot.docs.map(doc => doc.data());
  setSongs(songList);
  console.log(songList);
  console.log(songs);
};

如果我跑這一點，有在控制台的兩個對象，第一個是的SongList，而第二個是歌曲：

為什么兩者之間存在差異？ 我該怎么做才能將歌曲變回數組？

Answer 1

"songs"是一個CollectionReference ，不包含數據。 "songList"是一個數組，其中包含來自getDocs()返回的文檔的數據。 您應該在您的狀態中設置songList而不是songs

從文檔中，

CollectionReference 對象可用於添加文檔、獲取文檔引用和查詢文檔（使用 query()）。