使用firebase异步问题

Question

我的问题。我用react和firebase登录创建了一个App。现在我想检查我的组件，如果用户已经登录，则只有渲染功能才能呈现内容。

我认为在componentDidMount生命周期方法中执行此检查会很好，但它不起作用，因为与firebase的连接是异步的，并且在使用firebase检查完成之前调用了render函数

componentDidMount() {
  firebaseApp.auth().onAuthStateChanged(function (user) {
    //do stuff
  }.bind(this));
}

设置状态会很容易但我希望在我的项目中保持许多组件尽可能无状态。如何在不向组件添加状态的情况下解决问题。