Javascript 如何使用facebook登录权限

我怎样才能以这种方式写入Facebook登录权限

import React, { Component } from 'react';
import { Grid } from 'semantic-ui-react';

import './SignUp.css';


class SignUp extends Component{

    constructor(props) {
        super(props);

        this.login =this.login.bind(this);
    }

    componentDidMount() {
        window.fbAsyncInit = function () {
  FB.init({
    appId: 'xxxxxx',
    status: true,
    cookie: true,
    xfbml: true
  });
};

(function (doc) {
  var js;
  var id = 'facebook-jssdk';
  var ref = doc.getElementsByTagName('script')[0];
  if (doc.getElementById(id)) {
    return;
  }
  js = doc.createElement('script');
  js.id = id;
  js.async = true;
  js.src = "//connect.facebook.net/en_US/sdk.js";
  ref.parentNode.insertBefore(js, ref);
}(document));
    }


    login(){
        FB.login(function(response){
            if(response.status==="connected"){
                console.log('jdjsd');
            } else if(response.status==="not_authorized"){
                console.log('dkndsjn');
            } else{
                console.log('dhbdsbdss  ');
            }
        });
    }

    render(){
        return(
            <div className="message">
            <Grid divided="vertically" columns="equal">


            <Grid.Row>
            <Grid.Column>
            <div className="UserDetails">

            </div>

            <div id='social-login-button-facebook'>

                <button onClick={this.login}>Login</button>
                <div className="fb-login-button" data-max-rows="1" data-size="medium" data-button-type="login_with" data-show-faces="false" data-auto-logout-link="true" data-use-continue-as="false"></div>
            </div>
            </Grid.Column>
            </Grid.Row>


            </Grid>
            </div>

            );
    }
}

export default SignUp;

import React，{Component}来自'React'；
从“语义ui反应”导入{Grid}；
导入“./SignUp.css”；
类注册扩展了组件{
建造师（道具）{
超级（道具）；
this.login=this.login.bind（this）；
}
componentDidMount（）{
window.fbAsyninit=函数（）{
FB.init({
appId:'xxxxxx'，
状态：正确，
曲奇：是的，
xfbml：对
});
};
（功能（doc）{
var-js；
var id='facebook jssdk'；
var ref=doc.getElementsByTagName（'script'）[0]；
if（doc.getElementById（id））{
返回；
}
js=doc.createElement（'script'）；
js.id=id；
js.async=true；
js.src=“//connect.facebook.net/en_US/sdk.js”；
ref.parentNode.insertBefore（js，ref）；
}（文件）；
}
登录（）{
FB.登录（功能（响应）{
如果（响应状态==“已连接”）{
log（'jdjsd'）；
}else if（响应状态==“未授权”）{
console.log（'dkndsjn'）；
}否则{
控制台日志（“DHBDSS”）；
}
});
}
render（）{
返回(
登录
);
}
}
导出默认注册；

未定义“FB”，控制台中显示un def消息 我怎样才能解决它？

---

我也尝试过使用js.src=“//connect.facebook.net/en_US/all.js”；但效果不好？

请提供更多信息。JSSDK是否已加载？查看“网络”选项卡。是的，我已将其包含在index.html文件中。我是否应该像facebook node sdk那样使用npm模块？是的，facebook sdk已经加载，我已经检查了网络选项卡。我应该使用npm Fb sdk吗？好的，它应该像那样工作，FBAsyninit函数是否被调用？