Estoy tratando de ordenar el ID de la pista de firebase por su marca de tiempo (creado en) pero no parece ordenar pero la función aún funciona. ¿No estoy seguro de dónde me estoy equivocando en esto?
Cualquier ayuda sería muy apreciada.
const [trackList, setTrackList] = useState(); //Option 1 useEffect(() => { const userID = localStorage.getItem('id') firebase.database().ref(userID) .orderByChild('createdAt') .once('value', (snapshot) => { const firebaseTracks = snapshot.val(); const trackList = []; for (let id in firebaseTracks) { trackList.push({ id, ...firebaseTracks[id] }); } setTrackList(trackList); }); }, []); //Option 2 useEffect(() => { const userID = localStorage.getItem('id') const trackRef = firebase.database().ref(userID).orderByChild("createdAt").limitToLast(100); trackRef.on('value', (snapshot) => { snapshot.forEach(symptomSnapshot => { const trackList = []; const firebaseTracks = symptomSnapshot.val(); for (let id in firebaseTracks) { trackList.push({ id, ...firebaseTracks[id] }); } console.log(firebaseTracks) }); setTrackList(trackList); }); }, []);El problema es cuando llamas a snapshot.val() aquí:
firebase.database().ref(userID) .orderByChild('createdAt') .once('value', (snapshot) => { const firebaseTracks = snapshot.val();Obtener el valor de una instantánea devuelve un objeto JSON y, por definición, las claves de un objeto JSON no están ordenadas.
Para procesar los resultados en orden, use snapshot.forEach y luego llame a val() en cada hijo:
firebase.database().ref(userID) .orderByChild('createdAt') .once('value', (snapshot) => { const trackList = []; snapshot.forEach((child) => { trackList.push({ id: child.key, ...child.val() }); } setTrackList(trackList); });