Javascript 如何在React中获取firestore的文档id

这是我的firestore数据库：

useffect（）

更新训练常量后，我只能访问name和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;

import React，{useState，useffect}来自“React”；
导入“/Workouts.sass”；
从“/Workout”导入训练；
从“/firebase”导入firebase；
功能训练（）{
const[workouts，setWorkouts]=useState（[]）；
useffect（（）=>{
让user=firebase.auth（）.currentUser；
const database=firebase.firestore（）；
const unsubscribe=数据库
.收集（“训练”）
.where（“uId”，“==”，user.uId）
.onSnapshot（（快照）=>{
setWorkouts（snapshot.docs.map（（doc）=>doc.data（））；
});
return（）=>{
取消订阅（）；
};
}, []);
返回(
{workouts.map（（训练）=>(
))}
);
}
导出默认训练；

您可以使用快照文档id
我想将id作为属性添加到对象：

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

---

您可以使用快照文档id
我想将id作为属性添加到对象：

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

---

这给了我

解析错误：意外标记，预期“，”

用于doc和id之间的点这给了我

解析错误：意外标记，预期“，”

用于doc和id之间的点