Firebase实时db limitToFirst(10)不工作

Question

我面临的问题是，我只想从防火墙获取10个数据，但是如果ref(数据库，"messages/").limitToFirst( 10 )抛出，我如何实现这个目标：

ref(.).limitToFirst不是函数

我的代码：

const newMsg = ref(database, 'messages/').limitToFirst(10);
onChildAdded(newMsg, (data) => {
    if(data.val().name != name){
        var divData = '<div class="message"><div class="others">'+data.val().name+': </div><div>'+data.val().message+'</div></div>'; 
        //oponent message
        $("#chat-history").append(divData);
    }else{
        var divData = '<div class="message"><div class="user">'+data.val().name+': </div><div>'+data.val().message+'</div></div>'; 
        //sent message
        $("#chat-history").append(divData);
    }
});

数据库在哪里

const app = initializeApp(firebaseConfig);
const database = getDatabase(app);

我的进口品是这样的：

import {initializeApp} from "https://www.gstatic.com/firebasejs/9.6.6/firebase-app.js";
import {
    getDatabase,
    set,
    ref,
    push,
    child,
    onValue,
    onChildAdded
} from "https://www.gstatic.com/firebasejs/9.6.6/firebase-database.js";

编辑：一个小时后我看到了导入中的问题所在，我需要添加查询，limitToLast

import {
    getDatabase,
    set,
    ref,
    query,
    push,
    child,
    onValue,
    onChildAdded,
    limitToLast
} from "https://www.gstatic.com/firebasejs/9.6.6/firebase-database.js";

在我的工作中，你可以这样称呼它：

const newMsg = query(ref(database, 'messages/'), limitToLast(10));
onChildAdded(newMsg, (data) => {

Answer 1

在新的Modular (v9.0.0+)中，您可以使用query()函数构建查询 (而不是链接S)：

import { ref, query, limitToFirst } from "firebase/database"

const newMsg = query(ref(database, 'messages/'), limitToFirst(10))

onChildAdded(newMsg, (data) => {
  // ...
})

新的SDK使用了一种功能语法，不像以前的名称间隔语法，所以limitToFirst现在是一个顶级函数，就像上面的代码片段一样。

同时结帐：

• 如何使用Firebase SDK v9 (模块化)读写和查询Firebase实时数据库中的数据
• 处理数据列表