Breaking News: Grepper is joining You.com. Read the official announcement!

login with facebook in react

30_Savaliya Denish answered on March 4, 2022 Popularity 10/10 Helpfulness 2/10

answer login with facebook in react

related react facebook login

login with facebook in react

Comment

// import book from '../../assets/images/facebook.png'
import './assets/css/all.css'
import './assets/css/bootstrap.min.css'
import './assets/css/responsive.css'
import './assets/css/style.css'
import React, { useState } from "react";
import FacebookLogin from "react-facebook-login/dist/facebook-login-render-props";
const book = require("./assets/images/facebook.png")
//import ReactDOM from "react-dom";
const responseFacebook = (response) => {
  console.log(response);
};
const FacebookLoginPage = () => {
  
  const [showLoginButton, setLoginButton] = useState(true);
  const [showLogoutButton, setLogoutButton] = useState(false);
  const loginHandler = (res) => {
    console.log("res", res.profileObj);
    setLoginButton(false);
    setLogoutButton(true);
  };
  const failureHandler = (res) => {
    console.log("login failed", res);
  };
  const logoutHandler = (res) => {
    alert("logout sucessfully");
    setLoginButton(true);
    setLogoutButton(false);
  };
  return (
    <>
      {showLoginButton && (
        <FacebookLogin
          appId="240813111599696"
          callback={responseFacebook}
          render={(renderProps) => (
            <button
              className="btn button btn-outline"
              onClick={renderProps.onClick}
            >  
                  <img src={book} />  Sign up with Facebook
            </button>
            
            )}
            />
            )}
           
    </>
  );
};
export default FacebookLoginPage;

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: facebook javascript

Link to this answer
Share Copy Link

Contributed on Mar 04 2022

30_Savaliya Denish

0 Answers Avg Quality 2/10

Closely Related Answers

react facebook login

Comment

import FacebookLogin from 'react-facebook-login/dist/facebook-login-render-props'

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: www.npmjs.com

Tags: facebook-login face

Link to this answer
Share Copy Link

Contributed on Jun 02 2022

Sparkling Stork

0 Answers Avg Quality 2/10

login with facebook in react

Contents

More Related Answers

login with facebook in react

Closely Related Answers

react facebook login

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.