在react js中集成facebook时出错

在react js中集成facebook时出错,facebook,reactjs,facebook-login,Facebook,Reactjs,Facebook Login,我尝试使用reactjs(localhost)将facebook登录集成到我的示例网站中 我在facebook开发者控制台中创建了应用程序(应用程序ID) 我安装了facebook登录组件包 以下是访问facebook的一些代码 import React,{Component}来自'React'; 从“react facebook登录组件”导入{FacebookLogin}; const$=窗口。$; 类FacebookLoginData扩展组件{ 建造师(道具){ 超级(道具); 此.sta

我尝试使用reactjs(localhost)将facebook登录集成到我的示例网站中

  • 我在facebook开发者控制台中创建了应用程序(应用程序ID)

  • 我安装了facebook登录组件包

  • 以下是访问facebook的一些代码

  • import React,{Component}来自'React';
    从“react facebook登录组件”导入{FacebookLogin};
    const$=窗口。$;
    类FacebookLoginData扩展组件{
    建造师(道具){
    超级(道具);
    此.state={
    facebookRes:{},
    用户:{},
    addUserNameModal:false,
    社交网络:{}
    }
    }
    /*************
    facebook登录
    *************/
    回应书(回应){
    这是道具
    .FaceBookLoginda({
    变量:{
    电子邮件:response.email,
    name:response.name,
    facebookid:response.id,
    profilepic:response.picture.data.url
    }
    })
    。然后({data})=>{
    var user=data.facebookLogin;
    this.setState({user});
    如果(用户){
    setItem('loggedUser',JSON.stringify(user));
    }
    })
    .catch(错误=>{
    log(“错误..在facebook..”+JSON.stringify(错误))
    })
    }
    render(){
    返回(
    你好
    //社交ID---应用程序ID
    )
    }
    }
    
    导出默认FacebookLoginData您需要配置用于访问Facebook登录API的URL

    从转到您的应用程序设置页面

    然后添加你的应用程序域。像这样的

    您还需要在此处添加站点URL

    Settings -> Basic -> Website -> Site URL
    


    如果要在本地进行测试,请在应用程序域和站点URL中添加localhost。

    您应该将域URL放在:站点URL中

    我可以将我的网站URL放在哪里。有三个1.APP Domain 2.隐私政策URL 3.服务条款URL谢谢@GSSwainError说你必须在应用程序的域中添加你的域URL。谢谢@Pavan kumar Dasireddy