注文方法Firestoreを使用してスナップショットを作成する

Question

componentWillMount私は状態を更新するonSnapshot関数を登録しています。

componentWillMount() { 
    todoRef.onSnapshot((doc) => { 
     let todos = [] 
     doc.forEach(doc => {todos.push(doc.data())}) 
     this.setState({ 
     todos 
     }) 
    }) 
    } 

しかし、firebase/firestoreが動作する方法は、それはちょうど私が取得するときにデータが正しい順序ではないの背中、ランダムキーを押し上げていることです。

私は.orderByValue()機能があることを知っていますが、実装しようとしましたが、それを理解できないようです。

Answer 1

私refはあなたのコレクションへの参照を持ったら、あなたはその後、ソートクエリを行うことができますので、const todoRef = db.collection("todos");

ました。

todoRef.orderBy('createdAt').onSnapshot((docSnapShot) => { 
    let todos = [] 
    docSnapShot.forEach(doc => {todos.push(doc.data())}) 
    this.setState({ 
    todos 
    }) 
})