我目前正在使用react,并通过使用react-facebook-rogin库,我成功地进行了facebook登录。但是,没有注销功能!。
所以我决定使用facebook SDK,但是我不知道如何在react中使用javascript代码。
根据facebook官方文档,我需要在HTML中编写以下代码。
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'your-app-id',
autoLogAppEvents : true,
xfbml : true,
version : 'v11.0'
});
};
</script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
Run Code Online (Sandbox Code Playgroud)
之后,这是注销的代码
FB.logout(function(response) {
// user is now logged out
});
Run Code Online (Sandbox Code Playgroud)
这是我使用react-facebook-rogin库的代码。
import React from "react";
import Navbar from './components/Navbar';
import { BrowserRouter as Switch, Route } from 'react-router-dom'
import './components/Navbar.css';
import './App.css';
import MainStructure from "./pages/MainStructure";
import Study from "./pages/Study"
import FacebookLogin from 'react-facebook-login'
import { useState } from "react"; …Run Code Online (Sandbox Code Playgroud)