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

react facebook login

Sparkling Stork answered on March 4, 2022 Popularity 10/10 Helpfulness 1/10

answer react facebook login

related login with facebook in react

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 javascript

Link to this answer
Share Copy Link

Contributed on Jun 02 2022

Sparkling Stork

0 Answers Avg Quality 2/10

Closely Related Answers

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 faceboo

Link to this answer
Share Copy Link

Contributed on Mar 04 2022

30_Savaliya Denish

0 Answers Avg Quality 2/10

react facebook login

Contents

More Related Answers

react facebook login

Closely Related Answers

login with facebook in react

Grepper

Documentation

Social

Legal

Contact

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