android - 如何等待 firebase 数据获取完成并获取不是 react native promise 的值？

Question

我在 firebase 数据中有如下所示的数据:

获取客户数据的代码:

getCustomersOnQeueu = async () => {
        let customers = this.customersRef.orderByChild("ticket").once('value')
        return customers
      }

渲染数据的代码:

renderCustomers = () => {
        let customersViews = []
         this.getCustomersOnQeueu().then((customers) => {
           let customersTickets = customers.val()
           console.log(customersTickets)
           let sortedKeys = Object.keys(customersTickets).sort(function(a, b){
             return customersTickets[b].ticket - customersTickets[a].ticket
           })
           console.log(sortedKeys)
           for(i=0; i<sortedKeys.length; i++) {
             let key = sortedKeys[i]
             console.log(customersTickets[key]["customer"])
             customersViews.push(<View>
               <Text>{customersTickets[key["customer"]}</Text>
             </View>)
           }
         })
       return (<View>
         <Text>Available Customers: </Text>
         {customersViews}
         </View>)
      }

  render() {
   return (
    <View>
       {this.renderCustomers()}
    </View>
)
}

现在在获取和排序数据后，我可以在控制台中看到以下内容:

我有一个问题，就是这行代码永远不会执行:

customersViews.push(<View>
               <Text>{customersTickets[key["customer"]}</Text>
             </View>)

我猜可能是因为 customersViews 数组是在渲染完成后初始化的，而不是在渲染完成之前，我如何等待数据获取和排序完成然后渲染数据？

Answer 1

当您尝试获得 Firebase 响应时，您实际上并不是在等待它。下面的代码不会等待它被执行。

getCustomersOnQeueu = async () => {
        let customers = this.customersRef.orderByChild("ticket").once('value')
        return customers
      }

要等待它执行，请使用 AWAIT:

getCustomersOnQeueu = async () => {
        let customers = await this.customersRef.orderByChild("ticket").once('value')
        return customers
      }