传递承诺的结果

Question

所以在我的反应代码中我有这个：

  componentDidMount = () => {
    firebase.auth().getRedirectResult().then(function(result) {
        if (result.credential) {
          var token = result.credential.accessToken;
        }
        var ruser = result.user;
        console.log(ruser.displayName, 'lol'); //THIS LOGS CORRECTLY
      }).catch(function(error) {
        var errorCode = error.code;
        var errorMessage = error.message;
        var email = error.email;
        var credential = error.credential;
      }).then(function(result){
        this.setState({user: ruser});
        console.log(result, 'rslt'); //THIS LOGS UNDEFINED 
      });

  }

我基本上想设置登录用户的状态。但是，当我把它传递下来时，我得到了未定义，我在承诺方面做错了什么？我只想传递结果并使其在函数范围之外可用...

Answer 1

除非你返回你声明的内容，否则来自承诺中的声明是没有意义的——如果你想传递它，你必须返回result：

componentDidMount = () => {
  firebase.auth().getRedirectResult().then(function(result) {
      if (result.credential) {
        var token = result.credential.accessToken;
      }

      console.log(result.user.displayName, 'displayName');

      return result; // this will be passed down
    }).catch(function(error) {
      var errorCode = error.code;
      var errorMessage = error.message;
      var email = error.email;
      var credential = error.credential;
    }).then(result => {
      this.setState({user: result.user});

      console.log(result.user, 'user'); 
    });
}

另外 - 正如 nils 提到的，您必须在最后一个 .then 中使用 arrow function 才能使用父级的上下文，它是 setState。