在 react-firebase-hooks/database 上对数据进行排序

Question

所以在 React 中，我正在使用 "react-firebase-hooks/database" 包读取 firebase 实时数据库。

import { useList } from "react-firebase-hooks/database";
import { db, auth } from "../../firebase";

function GameHistory() {
  var dbRef = db.ref("/" + user.uid);

  const [snapshots, loading, error] = useList(dbRef);

所以基本上快照变量包含所有firebase实时数据库数据。 然后稍后在我的代码中，我只是将快照数组的每个元素映射到一个组件中。

问题来了，我想按照数据中.timestamp firebase 属性的顺序对快照数据进行排序。我不知道该怎么做。

我在映射时尝试对快照数据进行排序：

snapshots
            .sort((a, b) => {
              return a.val().timestamp > b.val().timestamp;
            })
            .map((game, index) => (MORE CODE

但这不起作用，因为 timestamp 是一个 firebase 对象，而 JavaScript 不知道如何处理它。

只是为了在时间戳变量上建立更多上下文，我将其定义为：

timestamp: firebase.firestore.FieldValue.serverTimestamp()

那么有什么方法可以对我的快照数据进行排序吗？或者我应该使用另一个包？如果我应该使用其他东西，请显示您如何读取和排序实时数据库的代码。

Answer 1

您在这里混合了两个不同的数据库：

• import { useList } from "react-firebase-hooks/database" 和其他代码用于实时数据库。
• timestamp: firebase.firestore.FieldValue.serverTimestamp() 用于 Cloud Firestore

虽然这两个数据库都是 Firebase 的一部分，但它们是完全独立的，并且每个都有自己的 API。

要将服务器端时间戳写入实时数据库，请使用：

timestamp: firebase.database.ServerValue.TIMESTAMP

我实际上也让数据库服务器处理排序，而不是在您的代码中这样做，这是通过：

var dbRef = db.ref("/" + user.uid);
const dbQuery = dbRef.orderByChild("timestamp");

const [snapshots, loading, error] = useList(dbQuery);
...