React Native上的Firebase orderByChild

时间:2019-03-08 07:41:04

标签: javascript firebase react-native firebase-realtime-database react-native-firebase

我在android上排序列表时遇到问题。数据库参考项目/如下所示:

{
    "11" : {
        "date" : "2018-11-18 10:07:00",
        "letter" : "F",
        "number" : 11
    },
    "12" : {
        "date" : "2018-11-01 14:41:00",
        "letter" : "B",
        "number" : 12
    },
    "13" : {
        "date" : "2018-11-13 14:00:00",
        "letter" : "C",
        "number" : 13
    },
    "14" : {
        "date" : "2019-04-22 22:15:30",
        "letter" : "D",
        "number" : 14
    },
    "15" : {
        "date" : "2019-04-22 20:33:00",
        "letter" : "H",
        "number" : 15
    },
    "16" : {
        "date" : "2019-04-22 19:30:00",
        "letter" : "J",
        "number" : 16
    },
    "17" : {
        "date" : "2019-04-25 13:10:00",
        "letter" : "G",
        "number" : 17
    },
    "18" : {
        "date" : "2019-04-25 18:00:00",
        "letter" : "E",
        "number" : 18
    },
    "19" : {
        "date" : "2019-04-25 13:00:00",
        "letter" : "I",
        "number" : 19
    },
    "20" : {
        "date" : "2019-04-28 12:30:00",
        "letter" : "A",
        "number" : 20
    }
}

我正在如下查询它,期望结果通过“字母”键排序:

firebase.database().ref('items/').orderByChild('letter').on('value', snapshot => {
    let items = snapshot.val()
    Object.values(items).map(i => console.log(i.number, i.letter, i.date))
})

但是我得到的结果记录如下:

11 F 2018-11-18 10:07:00
12 B 2018-11-01 14:41:00
13 C 2018-11-13 14:00:00
14 D 2019-04-22 22:15:30
15 H 2019-04-22 20:33:00
16 J 2019-04-22 19:30:00
17 G 2019-04-25 13:10:00
18 E 2019-04-25 18:00:00
19 I 2019-04-25 13:00:00
20 A 2019-04-28 12:30:00

很显然,未应用orderByChild('letter')。我可能会缺少什么?

1 个答案:

答案 0 :(得分:0)

显然,在JavaScript中处理对象的方式存在问题,这就是为什么要使用一个snapshot.forEach方法代替我正在使用的Object.values(items).map的原因。我的听众应该看起来像这样:

firebase.database().ref('items/').orderByChild('letter').on('value', snapshot => {
    snapshot.forEach(c => { i = c.val(); console.log(i.number, i.letter, i.date) })
})
  

由于JavaScript对象的工作方式,数据中的顺序   不能保证val()返回的JavaScript对象与   在服务器上排序,也不在child_add事件上。那是   forEach()派上用场的地方。它保证了孩子的   DataSnapshot将按照其查询顺序进行迭代。

https://firebase.google.com/docs/reference/js/firebase.database.DataSnapshot#forEach