javascript - 从 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 block ，而且我还没有发现它。我需要从用户那里获取大量数据，因此代码会变得更加麻烦。我想做这样的事情:

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

或者任何最好的协议(protocol)。有人能指出我正确的方向吗？提前致谢。

Answer 1

您没有从 dbRoot 中单独获取子项“name”和“bio”:

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");
  }
});