how can i sort firebase timestamp data reverse reactjs

Question

When I create new note, it orders old to new, but I want to order new to old (reverse it). How can i do this ?

my codes:

const notesRef = useFirestore().collection('users').doc(uid).collection("notes");
  const {status, data} = useFirestoreCollection(notesRef.orderBy("timezone"));

and its image: (Here, it order like 1-2-3, but i want to order, 3-2-1, new to old)

our return like map:

 {data?.docs?.map((d, index) => {
              return (<Note
                      key={index}
                      id={index}
                      title={d.data().title}
                      content={d.data().content}
                      onDelete={deleteNote}
                      onDocId={d.id}
                      timezone={d.data().timezone}
                    />);
            })}

Frank van Puffelen · Accepted Answer · 2021-06-22 15:08:39Z

1

To sort a query in descending order, you can pass a second parameter to orderBy. So:

notesRef.orderBy("timezone", "desc")

Also see the Firebase documentation on ordering data.

answered Jun 22, 2021 at 15:08

Frank van Puffelen

603k85 gold badges895 silver badges869 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Himanshu Gupta · Accepted Answer · 2021-06-22 15:21:28Z

1

There are a bunch of ways of doing this.

Fetch the data in reversed order from firebase. I am using 25 as an example. You can choose the limit as per your requirements.

notesRef.orderBy("timezone").limitToLast(25);

Reverse the data on the client-side

const {status, data} = useFirestoreCollection(notesRef.orderBy("timezone"));
console.log(data.docs.reverse())

edited Jun 22, 2021 at 15:21

answered Jun 22, 2021 at 14:59

Himanshu Gupta

3053 silver badges13 bronze badges

5 Comments

coldasspirit Over a year ago

what is the limitToLast value?

coldasspirit Over a year ago

i tried to limitToLast(10), but it didn't work. Also I have a map (I added above), and i add data?.reverse() function, but it also didn't work

Himanshu Gupta Over a year ago

you can look at the docs here: firebase.google.com/docs/reference/js/…

Himanshu Gupta Over a year ago

i have updated my answer after looking at the data. you can reverse the data.docs array.

coldasspirit Over a year ago

thanks a lot. Also look other answer, if i write "desc" near the timezone, it also work. But doc.reverse() also work. <3

Collectives™ on Stack Overflow

how can i sort firebase timestamp data reverse reactjs

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related