为什么我不能为 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，第二个是songs：

为什么两者之间有区别？如何将 歌曲 转回数组？

Answer 1

"songs" 是 CollectionReference 并且不包含数据。 "songList" 是一个数组，其中包含来自getDocs() 返回的文档的数据。你应该在你的状态中设置songList 而不是songs

来自documentation，

CollectionReference 对象可用于添加文档、获取文档引用和查询文档（使用 query()）。