reactjs - 禁用帐户选择器 FirebaseUI React

Question

我正在努力解决一些看起来小菜一碟的问题，但我仍然无法找到解决方案。

我正在使用reactjs和firebaseUI web react实现firebase身份验证过程。一切都很好，除了当我尝试使用电子邮件/密码登录时，它会将我带到 accountchooser ，这是我不想要的行为。

我搜索了文档、github 问题等...但我发现的只是在 uiConfig 对象中添加以下行:

credentialHelper: firebaseui.auth.CredentialHelper.NONE

问题是，react 抛出一个错误，提示 firebaseui 未定义，我想这很正常，因为我从未导入它。

我在浏览时发现了一个提示，告诉我将 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>
        );
    }

} 

我什至不知道我是否在尝试正确的事情。任何帮助将不胜感激。

Answer 1

谢谢，拉菲克!我几个小时以来一直在寻找解决方案。

事实证明 firebaseui.auth.CredentialHelper.NONE === 'none'，所以我使用它而不是导入额外的 firebaseui。

我不喜欢这两种解决方案(导入额外的东西或使用常量的基本值)，我当然希望他们在react-firebaseui中包含该常量。