Firebase（Web）twitter身份验证重定向到登录页面（使用React）

Question

Web的Firebase twitter身份验证会重定向到登录页面而不会出现错误，而不是继续登录并重定向到仪表板。

问题在于它有时只会发生。

有谁知道为什么会这样？

我已在https://tamurowebapp.firebaseapp.com/login

部署了该应用

我的twitter按钮的onClick处理程序是

{() => auth.signInWithRedirect(twitterAuthProvider).catch(error => this.setState({registerError: error.message}))}

我正在按如下方式导入提供商

import { auth, twitterAuthProvider } from '../../firebase.js

我正在导出firebase配置文件的auth和provider，如下所示

export const auth = firebase.auth()
export const twitterAuthProvider = new firebase.auth.TwitterAuthProvider()

我还附加了登录页面的所有代码的bin。我不确定它是否相关，但以防https://repl.it/HbT0/0

Answer 1

处理身份验证更改时，避免竞争条件的最佳方法是使用onAuthStateChanged()。在您的情况下，render()可能在验证周期完成之前触发。

https://firebase.google.com/docs/reference/js/firebase.auth.Auth#onAuthStateChanged