如何使用本机反应在firebase中显示日期

Question

大家！ 我已经将我的应用程序与 firebase 连接，但我无法在我的应用程序上显示用户数据： 能否请您看一下我的代码：

componentDidMount() {
firebase.auth().onAuthStateChanged(user => {
  if(user!=null){
    userId = firebase.auth().currentUser.uid
  }else {
    this.props.navigation.navigate("Loading");
  }
      }),
firebase.database().ref('Users/').on('value', function (snapshot) {
     console.log(snapshot.val()); //this work
  // let name = snapshot.val().name;
  // this.setState ({users :name,}) //this not work
  }); 
    }

......和

<View style={styles.contain}>
        <ProfileDetail
          // image={userData.image}
          // textFirst={users.name}
          // point={userData.point}
          textSecond={this.state.name} //. i'd like to display the child on this
          textThird={currentUser.email}
          // onPress={() => navigation.navigate("ProfileExample")}
        />

我的代码有什么问题吗？ 请帮帮我！

Answer 1

改变这个：

firebase.database().ref('Users/').on('value', function (snapshot) {
     console.log(snapshot.val()); //this work
  // let name = snapshot.val().name;
  // this.setState ({users :name,}) //this not work
  }); 

进入这个：

firebase.database().ref('Users/').on('value', ((snapshot) => {
     console.log(snapshot.val()); //this work
     let name = snapshot.val().name;
     this.setState ({users :name,})
  }); 

使用arrow function 而不是声明普通函数。

箭头函数没有自己的 this。使用封闭词法范围的 this 值；箭头函数遵循正常的变量查找规则。因此，在搜索当前作用域中不存在的 this 时，箭头函数最终会从其封闭作用域中找到 this。