React Facebook Authentication

Component for facebook authentication based on this repository

Example

import React from 'react';
import ReactDOM from 'react-dom';
import FacebookAuth from 'react-fb-auth';

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

const fbBtn = ({onClick}) => {
    return <button onClick={onClick}>Login with facebook</button>
}

ReactDOM.render(
  <FacebookAuth
    appId="1032595931187376"
    autoLoad={true}
    fields="name,email,picture"
    component={fbBtn}
    callback={response} />,
  document.getElementById('demo')
);

Component example

import React from 'react';
import FacebookLogin from 'react-facebook-login';

class MyComponent extends React.Component {
  constructor(props) {
      super(props);

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

  response(response) {
    // Send the token to the server and link the account
    console.log(response);
  };

  render() {
    return (
      <FacebookLogin
        appId="1099597531133376"
        component={({onClick}) => {
            return <button onClick={onClick}>Login with facebook</button>
        }}
        fields="name,email,picture"
        callback={this.response}
      />
    )
  }
}

export default MyComponent;

Parameters

| params | value | default value | |:------------:|:-------------------:|:---------------------------------------------------:| | appId | string | Required | | scope | string | public_profile, email, user_birthday | | fields | string | name,email,picture | | callback | function | resultFacebookLogin | | autoLoad | boolean | false | | xfbml | boolean | false | |reAuthenticate| boolean | false | | btnText | string | The text of the button | | btnClassName | string | Class name for the default button | | version | string | 2.3 | | language | string | en_US | | component | function | The button used for the auth |