React Facebook Login

How to use

Basic

import React from 'react';
import ReactDOM from 'react-dom';
import FacebookLogin from '@sse-auth/facebook';
const responseFacebook = (response) => {
 console.log(response);
}
ReactDOM.render(
 <FacebookLogin
 appId="1088597931155576"
 autoLoad={true}
 fields="name,email,picture"
 callback={responseFacebook} />,
 document.getElementById('demo')
);

Custom CSS Class and Icon

import React from 'react';
import ReactDOM from 'react-dom';
import FacebookLogin from '@sse-auth/facebook';
const responseFacebook = (response) => {
 console.log(response);
}
ReactDOM.render(
 <FacebookLogin
 appId="1088597931155576"
 autoLoad={true}
 fields="name,email,picture"
 callback={responseFacebook}
 cssClass="my-facebook-button-class"
 icon="fa-facebook" 
 />,
 document.getElementById('demo')
);

Server

'use strict';
import React from 'react';
import FacebookLogin from '@sse-auth/facebook';
class MyComponent extends React.Component {
 constructor(props) {
 super(props);
 };
 responseFacebook = (response) => {
 console.log(response);
 };
 render() {
 return (
 <FacebookLogin
 appId="1088597931155576"
 autoLoad={true}
 fields="name,email,picture"
 callback={responseFacebook} 
 />
 )
 }
}
export default MyComponent;

Parameters