auth.currentUser 在主页上显示未定义

Question

我有一个文件，里面写了所有与 firebase 相关的函数，包括这里的这个

function CurrentUser(){
console.log("auth", auth)
return auth.currentUser }

当我在上面的函数中登录 auth.currentUser 时，我可以看到当前登录用户的详细信息，但是当我在 React 主页上调用此函数时，我看到它是未定义的。如果我在上述函数中进行任何更改（例如添加 let i=1 ），我也可以按预期看到主页日志。无法弄清楚这里发生了什么。任何帮助将不胜感激。

呼叫代码。这是要上首页的。

const Home() = () =>{
let userName = Firebase.CurrentUser();
console.log("userName", userName);
}

我登录应用程序时的输出：

当我向上述任何函数添加新变量之类的内容时的输出：

Answer 1

看起来 auth 有值，但 auth.currentUser 没有。当您刚刚加载 app/page 时，这实际上很常见，因为刷新用户凭据需要调用服务器并且需要时间。

如果您希望您的应用响应这些更改，请实施 onAuthStateChanged，如 getting the current user 文档中的第一个片段所示。

auth.currentUser 在主页上显示未定义

auth.currentUser shows undefined on HomePage

javascript

reactjs

firebase-authentication