从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

您没有将孩子的“名称”和“生物”与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");
  }
});