Login with Facebook Integration in React

To use the login-with-facebook package in your application, follow these steps:

1. Install the Package

First, make sure the package is installed:

npm install login-with-facebook

2. Include the Package in Your Code

Import the FacebookLogin class from the package:

const FacebookLogin = require('login-with-facebook');

3. Initialize the FacebookLogin Instance

Create a new instance of FacebookLogin with your Facebook App ID:

const fbLogin = new FacebookLogin('YOUR_APP_ID');

Replace 'YOUR_APP_ID' with your actual Facebook App ID, which you can obtain from the Facebook Developer Console.

4. Trigger the Facebook Login

Use the login method to start the login process:

fbLogin.login((error, userData) => {
  if (error) {
    console.error('Error:', error);
  } else {
    console.log('User Data:', userData);
  }
});

4.1 App.jsx

import React, { useState } from 'react';
import FacebookLogin from 'login-with-facebook';