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