我正在努力寻找一块小菜一碟,但仍然找不到解决方案。
我正在使用reactjs和firebaseUI web react实现一个Firebase身份验证过程。一切都很好,除了当我尝试使用电子邮件/密码登录时,它会将我带到accountchooser,这是我不想要的行为。
我搜索了文档,github问题等…但是我发现的是在uiConfig对象中添加以下行:
uiConfig
credentialHelper: firebaseui.auth.CredentialHelper.NONE
问题是,react引发错误,抱怨firebaseui尚未定义,这很正常,我猜是因为我从未导入过。
我在浏览时发现了一个提示,要求将一个uiCallbackprop 传递给该组件,但是我无法弄清楚。
uiCallback
到目前为止,这是我的代码:
import React, { Component } from 'react'; import '../App.css'; import StyledFirebaseAuth from 'react-firebaseui/StyledFirebaseAuth'; import * as firebase from 'firebase' const uiConfig = { signInFlow: 'popup', signInSuccessUrl: '/signedIn', signInOptions: [ firebase.auth.GoogleAuthProvider.PROVIDER_ID, firebase.auth.FacebookAuthProvider.PROVIDER_ID, firebase.auth.EmailAuthProvider.PROVIDER_ID, ], }; export default class SignInScreen extends Component { render() { return ( <div> <h1>My App</h1> <p>Please sign-in:</p> <StyledFirebaseAuth uiConfig={uiConfig} firebaseAuth={firebase.auth()}/> </div> ); } }
我什至不知道我是否在尝试正确的事情。任何帮助将不胜感激。
好吧,对于那些可能有帮助的人,我找到了解决该问题的方法。
yarn add firebaseui
import firebaseui from 'firebaseui'
我不知道通过firebaseUI web react安装firebaseui是否很好,但是它解决了我的问题。