簡體   English   中英

我如何對 firebase 時間戳數據進行排序反向 reactjs

[英]how can i sort firebase timestamp data reverse reactjs

當我創建新筆記時,它從舊到新排序,但我想從新到舊排序(反轉它)。 我怎樣才能做到這一點 ?

我的代碼:

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

和它的形象:(在這里,它的順序像 1-2-3,但我想點,3-2-1,從新到舊) 在此處輸入圖片說明

我們的回報就像地圖:

 {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}
                    />);
            })}

有很多方法可以做到這一點。

  • 從 firebase 以相反的順序獲取數據。 我以 25 為例。 您可以根據自己的要求選擇限制。
notesRef.orderBy("timezone").limitToLast(25);
  • 反轉客戶端的數據
const {status, data} = useFirestoreCollection(notesRef.orderBy("timezone"));
console.log(data.docs.reverse())

要按降序對查詢進行排序,您可以將第二個參數傳遞給orderBy 所以:

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

另請參閱有關訂購數據的 Firebase 文檔。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM