从firebase

Question

我是firebase和React的新手。我已使用以下代码成功从firebase检索用户数据：

firebase.auth().onAuthStateChanged(firebaseUser => {
  if(firebaseUser) {
    const dbRoot = firebase.database().ref().child('users').child(firebaseUser.uid);
    const name = dbRoot.child('name');
    const bio = dbRoot.child('bio');

    name.on('value', snap => {
      this.setState({
        name: snap.val()
      });
    });

    bio.on('value', snap => {
      this.setState({
        bio: snap.val()
      });
    });

  } else {
    console.log("not logged in");
  }
});

}

这很有效，但我正在寻找一种更好的方法来对所有值（名称，生物等）进行setState，而不必像上面那样创建多个setState块，我还没有发现它然而。我从用户那里获得了大量数据，因此代码会变得更加繁琐。我想做类似的事情：

this.setState({
   name: snap.name.val(),
   bio: snap.bio.val(),
   email: snap.email.val()
});

无论最好的协议是什么。有人能指出我正确的方向吗？提前谢谢。

Answer 1

您没有将孩子的名字和'bio'分别从dbRoot中获取：

firebase.auth().onAuthStateChanged(firebaseUser => {
  if(firebaseUser) {
    const dbRoot = firebase.database().ref().child('users').child(firebaseUser.uid);

    dbRoot.on('value', snap => {
      const user = snap.val(); // snap is a child of 'users'
      this.setState({
        name: user.name,
        bio: user.bio,
        email: user.email
      });
    });

  } else {
    console.log("not logged in");
  }
});