Nullifying Precipitation Machine

    react-facebook-login-hoc

    1.1.1 • Public • Published

    React Facebook Login HOC

    What is ?

    Easily for you to append facebook root dom and dependencies file

    How to use ?

    npm install react-facebook-login-hoc
    

    Exposed API

    • this.props.fb.status(cb :function)
    • this.props.fb.login(cb :function [,scope :object])
    • this.props.fb.logout()

    Configuration

    const configureLoginProps = {
      scope: 'public_profile, email',
      xfbml: false,
      cookie: false,
      version: 2.6,
      language: 'en_US',
      appId: 'Your APP ID'
    }

    Quick start

    import React, { Component } from 'react'
    import { render } from 'react-dom'
     
    import LoginHOC from 'react-facebook-login-hoc'
     
    const configureLoginProps = {
      scope: 'public_profile',
      xfbml: false,
      cookie: false,
      version: 2.6,
      language: 'en_US',
      appId: '488387194689361'
    }
     
    class App extends Component {
      constructor(props) {
        super(props)
     
        this.status = this.props.fb.status
        this.login = this.props.fb.login
        this.logout = this.props.fb.logout
      }
      getStatus(response) {
        if (response.authResponse) {
          this.responseApi.call(this, response.authResponse)
        }
      }
      responseApi(res) {
        console.log('token:', res.accessToken)
      }
      checkLoginState() {
        this.status(this.getStatus.bind(this))
      };
      loginFacebook() {
        this.login(this.getStatus.bind(this))
      }
      logoutFacebook() {
        this.logout()
      }
      render() {
        return (
          <div>
            <button onClick={ this.checkLoginState.bind(this) }>Get Facebook Login Status</button>
            <button onClick={ this.loginFacebook.bind(this) }>Facebook Login</button>
            <button onClick={ this.logoutFacebook.bind(this) }>Facebook Logout</button>
     
        );
      }
    }
     
    export default LoginHOC(configureLoginProps)(App);

    License

    MIT

    Install

    npm i react-facebook-login-hoc

    DownloadsWeekly Downloads

    6

    Version

    1.1.1

    License

    MIT

    Last publish

    Collaborators

    • whien_liou