禁用帐户选择器FirebaseUI React [英] Disable account chooser FirebaseUI React
问题描述
我正在努力寻找一块小菜一碟,但我仍然找不到解决办法.
I'm struggling with something that looks like a piece of cake, but I still can't manage to find a solution.
我正在使用reactjs和 firebaseUI网络反应来实现Firebase身份验证过程.一切都很好,但是当我尝试使用电子邮件/密码登录时,它会带我到 accountchooser 我不想要的行为.
I'm implementing a firebase authentication process, with reactjs and firebaseUI web react. Everything is just fine, except the fact that when I try to login using email/password, it takes me to accountchooser, which is a behavior I don't want.
我搜索了文档,github问题等...但是我发现的只是在uiConfig
对象中添加以下行:
I searched the docs, github issues etc... But All I found was adding the line below in the uiConfig
object :
credentialHelper: firebaseui.auth.CredentialHelper.NONE
问题在于,react引发错误,抱怨firebaseui未定义,这是很正常的,因为我从未导入过.
The problem is that react throws an error complaining about firebaseui not being defined, and it's pretty normal I guess because I never imported it.
我在浏览时发现了一个提示,要求将uiCallback
道具传递给组件,但我无法弄清楚.
I found a hint while browsing, telling to pass a uiCallback
prop to the component, but I am not able to figure it out.
到目前为止,这是我的代码:
So far, here is my code :
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>
);
}
}
我什至不知道我是否在尝试正确的事情.任何帮助将不胜感激.
I don't even know if I am trying the right thing. Any help will be appreciated.
推荐答案
嗯,对于那些可能有用的方法,我找到了解决该问题的方法.
Well, for those it may help, I found a solution to that problem.
-
yarn add firebaseui
-
import firebaseui from 'firebaseui'
在uiConfig对象中 - 设置
credentialHelper: firebaseui.auth.CredentialHelper.NONE
.
yarn add firebaseui
import firebaseui from 'firebaseui'
- set
credentialHelper: firebaseui.auth.CredentialHelper.NONE
in the uiConfig object.
我不知道通过firebaseUI web react安装firebaseui是否很好,但这解决了我的问题.
I don't know if installing firebaseui over firebaseUI web react is something good, but it solved my problem.
这篇关于禁用帐户选择器FirebaseUI React的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!