javascript - 按状态获取订单 Firebase

Question

使用 React 和 Firebase 进行商务

我需要获取所有状态为“暂停”的订单，因此我执行了以下操作:

JS

    const ordersRef = firebase.database().ref('/orders');

    let orders = [];

    ordersRef.on('child_added', snap => {
      if (snap.val().status.state === 'on-hold') {
        orders = [
          {
            ...snap.val(),
            id: snap.key
          }, 
          ...orders
        ];
        this.setState({loading:false, orders: orders});
      }
    })

这是可行的，唯一的问题是，如果没有“暂停”订单，“正在加载”状态将永远不会改变。

firebase 数据库看起来像:

orders: {
  ...
  id: {
    ...
    status: {
      ...
      state: 'on-hold'
    }
  }
}

Answer 1

您需要使用查询(仅获取处于保留状态的订单)和 value 监听器(以确保在没有处于保留状态的订单时您也会收到调用) .

const ordersRef = firebase.database().ref('/orders');

let orders = [];

ordersRef.orderByChild("status/state").equalTo("on-hold").on('value', snapshot => {
  orders = [];
  snapshot.forEach((snap) => {
    orders.push({ ...snap.val(), id: snap.key });
  })

  this.setState({loading:false, orders: orders});
})