Reactjs Firebase：在呈现页面之前检查用户是否已登录

如何检查用户是否已登录，然后呈现我的react应用程序？ 我试着使用wait，但它不起作用。 因为我的应用程序中有一些逻辑，而且其中的一些firebase请求看起来比身份验证检查更早解析

firebase.auth().onAuthStateChanged ( user => {
 if (user) {
  // User is signed in.
  console.log("logged as", user.email);
  store.dispatch(setCurrentUser(user.mail));

} else {
  console.log("User logged out");
  // User is signed out.   
store.dispatch(setCurrentUser({}));


 }
})


ReactDOM.render(
 <Provider store={store}>
  <BrowserRouter>
    <App />
  </BrowserRouter>
 </Provider>,

 document.getElementById("root")
);

firebase.auth（）.onAuthStateChanged（用户=>{
如果（用户）{
//用户已登录。
console.log（“登录为”，user.email）；
store.dispatch（setCurrentUser（user.mail））；
}否则{
console.log（“用户注销”）；
//用户已注销
dispatch（setCurrentUser（{}））；
}
})
ReactDOM.render(
,
document.getElementById（“根”）
);