0
453
VistasCómo ordenar comentarios en firebase firestore por createdAt
Tengo un documento en el que hay una matriz de comentarios de objetos y cada objeto tiene una propiedad createdAt. Quiero ordenar todos los comentarios que están dentro de la matriz de comentarios usando la propiedad createdAt, por lo que aparece un nuevo comentario en la parte superior.
Investigué un poco y descubrí que podemos hacer esto en la base de datos en tiempo real de firebase, pero quiero ordenar los datos usando firestore.
Aquí está mi código:
import { useEffect, useRef, useState } from "react" // firebase import import { doc, onSnapshot, orderBy, query } from "firebase/firestore" import { db } from "../firebase/config" export const useDocument = (c, id, o) => { const [document, setDocument] = useState(null) const [error, setError] = useState(null) // realtime document data useEffect(() => { let docRef = doc(db, c, id) if (o) { docRef = query(docRef, orderBy("createdAt", "desc")) // this is not working } const unsubscribe = onSnapshot( docRef, (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 } } propiedad createdAt: 
1 Respuestas
Responde la pregunta0
La función query() toma una consulta como parámetro y no una DocumentReference. Además, la cláusula orderBy() ordena los documentos cuando se obtienen varios documentos de una colección y no elementos de matriz.
Para ordenar los elementos de la matriz, primero debe obtener ese documento y luego ordenar manualmente la matriz.
const unsubscribe = onSnapshot( docRef, (snapshot) => { // need to make sure the doc exists & has data if (snapshot.data()) { const orderedArray = snapshot.data().comments.sort((a, b) => a.createdAt.seconds - b.createdAt.seconds); } else { setError("No such document exists") } } )