为什么我不能为 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()）。