首页 > 解决方案 > React Native - Firebase:如何在本机反应中显示用户数据?

问题描述

在此处输入图像描述

我有以下代码,但它什么也没显示

state = {
 items: []
}

componentWillMount() {
   const { uid } = firebase.auth().currentUser.uid;
   var usersRef = firebase.database().ref('/users/'+ uid);
   usersRef.once('value').then(snapshot => {
     items= snapshot.val()
   }); 
}
render() {
  const { items } = this.state;
  return (
    <View>
       <Text style={styles.name}>{items.nombre}</Text>
   </View>
  )}

标签: firebasereact-native

解决方案


看起来您正在尝试将 to 设置snapshot.val()this.state.items,但您没有this.state.items在 usersRef 调用中引用。

尝试在您的componentWillMount-

componentWillMount() {
  const { uid } = firebase.auth().currentUser.uid;
  let usersRef = firebase.database().ref('/users/'+ uid);
  usersRef.once('value').then(snapshot => {
    this.setState({ items: snapshot.val() });
  }); 
}

推荐阅读