react-facebook-login在新标签页中打开Facebook登录

时间:2018-10-21 18:54:24

标签: reactjs facebook

我刚刚使用软件包react-facebook-login在我的Web应用程序中实现了Facebook登录,由于某种原因,它正在使用以下消息在新的完整尺寸窗口中打开权限窗口

  

您在较大的浏览器窗口中使用“弹出”的显示类型,或者   标签。为了获得更好的用户体验,请使用我们的   没有指定显式显示类型的JavaScript SDK。 SDK   将为每种环境选择最佳的显示类型。或者,   在window.open()调用上设置高度和宽度,以正确调整其大小   如果您有特殊要求,则无法使用该对话框   SDK。此消息仅对您的应用程序的开发人员可见

我的代码同样简单

 import FacebookLogin from 'react-facebook-login/dist/facebook-login-render-props'

render () {
       let fbLogin;
        //Checking if we are logged In 
        if (this.props.loggedIn) {

        } else {
            fbLogin = <FacebookLogin
            appId="1972668286382204"
            autoLoad={true}
            fields="name,email,picture"
            onClick={this.componentClicked}
            callback={this.responseFacebook} 
            render={renderProps => (

                <p onClick={renderProps.onClick} className="facebook-p"><a> <i class="fab fa-facebook-f"></i> Continue with Facebook </a> </p>
              )}/>

函数看起来像这样

responseFacebook = (response) => {
    console.log(response)
}


componentClicked = () => {
    console.log("click ")
}

问题:有人可以告诉我在这里我做错了什么吗?

enter image description here

0 个答案:

没有答案