React Facebook 登录在页面加载时弹出

Question

我在 React 中有这个代码：

import React from 'react';
import { FACEBOOK_ID } from '../../../config/credentials';
import FacebookLogin from 'react-facebook-login/dist/facebook-login-render-props';

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

const FacebookLoginButton = () => (
    <div>
        <FacebookLogin
            appId={FACEBOOK_ID}
            autoLoad
            callback={responseFacebook}
            render={renderProps => (
                <button onClick={e => {
                    console.trace();
                    }
                }>Login via FB</button>
            )}
        />
    </div>
);

export default FacebookLoginButton;

这只是一个简单的反应 facebook 登录，现在我的问题是当我重新加载我的本地开发站点时，facebook 授权总是在加载时弹出，或者当我当前登录时，它会自动登录用户并将来自 Facebook 的信息返回到控制台. 这是这个库的正常行为吗？我是新手，所以任何评论都将不胜感激。

编辑：我研究了一些这样的视频：https : //www.youtube.com/watch?v=ea9KyE78qKI&t=10s

当他在 12 点 48 分左右在他的本地网站上访问它时，他的 facebook 组件弹出窗口似乎也出现了，但由于 Chrome 不允许自动弹出窗口而被阻止。

Answer 1

将 autoLoad 设为 false。

    <FacebookLogin
        appId={FACEBOOK_ID}
        autoLoad={false}
        callback={responseFacebook}
        render={renderProps => (
            <button onClick={e => {
                console.trace();
                }
            }>Login via FB</button>
        )}
    />