在Firebase中访问2个关键数据

Question

我可以访问密钥的第一个数据，但是不能访问密钥路径的下一个数据。 当我输入'value'而不是'child_added'时，我得到第一个路径的数据，但是我需要访问phot中显示的路径中的所有数据

    class App extends Component {
      constructor(props) {
        super(props)
        this.state = {
          users: []
        }
        this.exportFile = this.exportFile.bind(this)
    }

    componentWillMount(){
      this.getUsers()
      this.getdataIDs()
    }

    getUsers() {
      let users = []

      // uncommented line gives an error
      /*var eventID = firebase.database().ref(`conversationEnrolments`).once('value')*/
      var path = firebase.database().ref(`conversationEnrolments`)
      path.once('child_added', snapshot => {
         snapshot.forEach(snap => {
         users.push(snap.val())
      })
      this.setState({
        users
      })
    })
   }

Answer 1

您的问题来自以下事实： once()方法“仅侦听指定事件类型的一个事件，然后停止侦听”。 如文档中的详细信息， 在此处 。

因此，这就是为什么只获得一个孩子的值的原因，即具有-LDHYq... id的孩子的值。

如果要获取conversationEnrolments节点下的项目的完整列表，请使用'value'事件并执行以下操作：

    var ref = firebase.database().ref('conversationEnrolments');
    ref.once('value', function (data) {
        data.forEach(snap => {
            console.log(snap);
            console.log(snap.val());
        });
    });

然后，您的代码中出现了第二个问题：由于after（）方法是异步的 ，并且返回了一个Promise（请参阅doc ），因此您需要等待此Promise解析后才能使用users变量，如下所示。 查看执行不同console.log（）的顺序。

    let users = []

    var ref = firebase.database().ref('conversationEnrolments')
    ref.once('value', function (data) {
        data.forEach(snap => {
            console.log(snap);
            console.log(snap.val());
            users.push(snap.val());
        });
    }).then(() => {
        //Here, the promise has resolved and you get the correct value of the users array
        console.log("users AFTER promise has resolved");
        console.log(users);
    })
    console.log("users BEFORE promise has resolved");
    //Here the console.log prints the value of the array before the promise has resolved and.... it is empty!
    console.log(users);

---

更新：如何将此代码封装在函数中。

    function getUsers() {

        let users = []
        var ref = firebase.database().ref('conversationEnrolments');
        return ref.once('value', function (data) {  //The function returns the result of the promise
            data.forEach(snap => {
                users.push(snap.val());
            });
        }).then(() => {
            return users;  
        })
    }

    //The getUsers() is asynchronous
    //Call it as follows: since it returns a promise, use the result within the then().
    getUsers().then((users) => { console.log(users) });