如何使用Firestore来订购onValue onSnapshot

时间:2017-10-14 13:25:00

标签: javascript reactjs firebase google-cloud-firestore

componentWillMount中我正在注册更新状态的onSnapshot函数。

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

然而,firebase / firestore的工作方式是它只是推送随机密钥,所以当我收回数据时,它的顺序不正确。

我知道有一个.orderByValue()功能,但我已尝试实施它,似乎无法弄明白。

2 个答案:

答案 0 :(得分:3)

我的参考资料是const todoRef = db.collection("todos");

因此,一旦您获得了对集合的引用,就可以进行排序查询。

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

答案 1 :(得分:1)

  const [todos, setTodos] = useState([]);

  useEffect(() => {
    db.collection('todo_collection')
      .orderBy('dateTime')
      .onSnapshot((snapshots) => {
        setTodos(snapshots.docs.map((doc) => doc.data()));
      });
  }, []);