下面是一个基本的示例代码,可以按照id和日期对firebase数据库进行排序:
import React, { useState, useEffect } from "react";
import firebase from "firebase/app";
import "firebase/database";
function App() {
const [items, setItems] = useState([]);
useEffect(() => {
const db = firebase.database().ref().child("myItems");
db.orderByChild("date").on("value", (snapshot) => {
let newItems = [];
snapshot.forEach((child) => {
const item = child.val();
item.id = child.key;
newItems.push(item);
});
setItems(newItems);
});
}, []);
return (
Sorted by date:
{items.sort((a,b) => new Date(b.date) - new Date(a.date)).map((item) => (
{item.date}
{item.title}
))}
Sorted by ID:
{items.map((item) => (
{item.id}
{item.title}
))}
);
}