javascript - 如何在 React 中获取 Firestore 的文档 ID

Question

这是我的 Firestore 数据库: 在 useEffect() 更新了锻炼常量后，我只能访问名称和 uId。我如何也可以访问文档 ID？

import React, { useState, useEffect } from "react";
import "./Workouts.sass";
import Workout from "./Workout";
import firebase from "./firebase";

function Workouts() {
  const [workouts, setWorkouts] = useState([]);

  useEffect(() => {
    let user = firebase.auth().currentUser;
    const database = firebase.firestore();
    const unsubscribe = database
      .collection("workouts")
      .where("uId", "==", user.uid)
      .onSnapshot((snapshot) => {
        setWorkouts(snapshot.docs.map((doc) => doc.data()));
      });

    return () => {
      unsubscribe();
    };
  }, []);

  return (
    <div className="Workouts">
      {workouts.map((workout) => (
        <Workout key={workout.name} workout={workout} />
      ))}
    </div>
  );
}

export default Workouts;

Answer 1

您可以使用快照 doc.id
我喜欢将 id 作为属性添加到对象:

snapshot.docs.map((doc) => ({id: doc.id, ...doc.data()}))