我无法从 firebase 检索用户名

Question

我目前正在尝试以 react native 从 firebase 数据库返回用户名。 console.log 在函数内部工作，但不记录函数外部的任何内容。我不知道我哪里错了。这是我的代码。

  componentWillMount() {
    firebase.database().ref('/users/' + this.userId + '/username').once('value').then(function(snapshot) {
    this.username = snapshot.val();
    console.log(this.username)
    });
    console.log(this.username)
    this.setState({
      username: this.username
    })
  }  

Answer 1

由于某种原因，将语法更改为 es6 的箭头函数使得代码与在函数内添加 this.setState 一起工作

componentWillMount() {
    firebase.database().ref('/users/' + this.userId + '/username').once('value').then((snapshot) => {
    this.username = snapshot.val();
    console.log(this.username)
    this.setState({
      username: this.username
    })
  })
  }

Answer 2

这是因为 JavaScript 的异步特性。您应该在回调中执行setState。

firebase.database().ref('/users/' + this.userId + '/username').once('value').then(snapshot => {
    this.username = snapshot.val();
    console.log(this.username);
    this.setState({
      username: this.username
    })
});