如何使用ReactJs自定义Facebook登录按钮

componentDidMount() {
  window.fbAsyncInit = function() {
    window.FB.init({
      appId      : 'YOUR_APP_ID', // 替换为你的App ID
      cookie     : true,
      xfbml      : true,
      version    : 'v9.0' // 使用最新版本
    });

    window.FB.AppEvents.logPageView();   
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
}

handleFBLogin = () => {
  window.FB.login(function(response) {
    if (response.authResponse) {
      console.log('Welcome!  Fetching your information.... ');
      window.FB.api('/me', function(response) {
        console.log('Good to see you, ' + response.name + '.');
      });
    } else {
      console.log('User cancelled login or did not fully authorize.');
    }
  }, {scope: 'email,public_profile', return_scopes: true});
}

render() {
  return (
    <button onClick={this.handleFBLogin}>
      Login with Facebook
    </button>
  );
}

window.FB.getLoginStatus(function(response) {
  if (response.status === 'connected') {
    // 用户已登录到Facebook并且已经登录到你的应用。
  } else {
    // 用户未登录到Facebook或需要登录到你的应用。
  }
});