javascript - 访问 Firebase 中的 2 个关键数据

Question

我可以访问key的第一个数据，但是不能访问key path的下一个数据。当我键入“value”而不是“child_added”时，我得到第一条路径的数据，但我需要访问照片中显示的路径中的所有数据

    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() 方法“仅监听指定事件类型的一个事件，然后停止监听”这一事实。如文档中所述，here .

所以这就是为什么您只获得一个 child 的值(value)，即具有 -LDHYq... id 的 child 。

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

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

然后，您的代码中存在第二个问题:由于 once() 方法是异步的，并返回一个 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) });