Tengo este useDocument Hook para obtener un solo documento de un Firebasev9 al pasar la identificación del documento. ¿Puedo obtener el documento pasando un slug en lugar de una identificación?
useDocument Hook
import { useEffect, useState } from "react" // firebase import import { doc, onSnapshot } from "firebase/firestore" import { db } from "../firebase/config" export const useDocument = (c, id) => { const [document, setDocument] = useState(null) const [error, setError] = useState(null) // realtime document data useEffect(() => { const ref = doc(db, c, id) const unsubscribe = onSnapshot( ref, (snapshot) => { // need to make sure the doc exists & has data if (snapshot.data()) { setDocument({ ...snapshot.data(), id: snapshot.id }) setError(null) } else { setError("No such document exists") } }, (err) => { console.log(err.message) setError("failed to get document") } ) // unsubscribe on unmount return () => unsubscribe() }, [c, id]) return { document, error } }Si tiene el slug como un campo en los datos del documento, puede usar una consulta para obtener ese documento como se muestra a continuación:
// Query to fetch documents where slug field is equal to given SLUG const q = query(collection(db, c), where("slug", "==", SLUG)) onSnapshot(q, snap => { if (!snap.empty) { const data = snap.docs[0].data() // snap.docs would be an array with 1 document // There could be multiple in case multiple posts have same slug by chance console.log(data) } else { console.log("No documents found with given slug") } })podrías hacer algo como
import { useEffect, useState } from "react" // firebase import import { doc, onSnapshot } from "firebase/firestore" import { db } from "../firebase/config" const useDocumentHook = (slug) => { const [doc, setDoc] = useState(null) useEffect(() => { const docRef = db.collection("posts").doc(slug) const unsubscribe = onSnapshot(docRef, (doc) => { setDoc(doc) }) return () => unsubscribe() }, [slug]) return doc }