Question

我正在努力寻找看起来像小菜一碟的东西，但我仍然无法找到解决方案。

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

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

credentialHelper: firebaseui.auth.CredentialHelper.NONE

问题是反应会引发一个错误，抱怨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 ===＆＃39;没有＆＃39;，所以我使用它而不是导入额外的firebaseui。

我不喜欢任何解决方案（导入额外的东西或使用常量的基础值），我当然希望他们在react-firebaseui中包含该常量。

Answer 2

嗯，对于那些可能有帮助的人，我找到了解决这个问题的方法。

yarn add firebaseui
import firebaseui from 'firebaseui'
在uiConfig对象中设置credentialHelper: firebaseui.auth.CredentialHelper.NONE。

我不知道在firebaseUI上安装firebaseui是否反应良好，但它解决了我的问题。

Answer 3

尝试将uiConfig属性设为SignInScreen class，然后在将this.uiConfig传递给组件时使用import React, { Component } from 'react'; import '../App.css'; import StyledFirebaseAuth from 'react-firebaseui/StyledFirebaseAuth'; import * as firebase from 'firebase' export default class SignInScreen extends Component { uiConfig = { signInFlow: 'popup', signInSuccessUrl: '/signedIn', signInOptions: [ firebase.auth.GoogleAuthProvider.PROVIDER_ID, firebase.auth.FacebookAuthProvider.PROVIDER_ID, firebase.auth.EmailAuthProvider.PROVIDER_ID, ], 'credentialHelper': firebaseui.auth.CredentialHelper.NONE }; render() { return ( <div> <h1>My App</h1> <p>Please sign-in:</p> <StyledFirebaseAuth uiConfig={this.uiConfig} firebaseAuth={firebase.auth()}/> </div> ); } }引用回调

java.util.logging.Logger

这是基于提供的示例here

Answer 4

这对我有用：根据上面的评论，在uiConfig的signInOptions数组下面添加credentialHelper。完整代码如下：

#include <errno.h>
#include <sys/mman.h>
#include <stdio.h>
#include <string.h>
int main(){
    size_t length_alloc = 10354688;
    size_t length_unmap = 5917171456;
    void *v = mmap(0, 10354688, PROT_READ|PROT_WRITE, MAP_PRIVATE|MAP_ANONYMOUS, -1, 0); 
    if (v == MAP_FAILED) {
            printf("mmap of %lu bytes failed with error: %s", 10354688, strerror(errno));
    }else{
            printf("mmaped %p\n", v); 
            munmap(v, length_unmap);
    }   

}

禁用帐户选择器FirebaseUI React

4 个答案: