estoy haciendo un proyecto en react js en el cual utilizo firestore. Puedo subir y ver los datos pero no borrarlos. Yo creo que el problema esta en que no puedo acceder al ID que genera automaticamente firestore y por eso no puedo borrarlos, pero tampoco se como poder acceder a ese ID
Asi subo los datos (no le asigno un id):
const subida = async (precio) => {
const docRef = await addDoc(collection(db, "Tobi"), {
dia: prec.reduce((prev, current) => prev + current),
});
console.log(docRef.id)
};
subida();
Asi los llamo para ver
const obtenerServicios = async () => {
const q = query(collection(db, "Tobi"));
const unsubscribe = onSnapshot(q, (querySnapshot) => {
const docs = [];
querySnapshot.forEach((doc) => {
docs.push({ ...doc.data() });
});
setDia(docs);
});
};
useEffect(() => {
obtenerServicios();
}, []);
Asi para intentar borrarlos
const borrarServicio = async () => {
const borrarFirestore = async (id) => {
await deleteDoc(doc(db, "Tobi", "aca tendria que llamar al id"));
};
borrarFirestore();
};
el problema es que no se como acceder al docRef.id desde la funcion de borrar y que pueda acceder al id para borrar el documento
asi se ve el firestore ahora: