Как сделать авторизацию через github на react.js?

1
2
3

npx create-react-app my-app
cd my-app
npm install axios react-router-dom react-github-login

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

import { useState } from "react";
import { GithubLoginButton } from "react-github-login";

const App = () => {
  const [isLoggedIn, setIsLoggedIn] = useState(false);

  const onSuccess = (response) => {
    setIsLoggedIn(true);
    console.log(response);
  };

  const onFailure = (response) => {
    setIsLoggedIn(false);
    console.error(response);
  };

  return (
    <div>
      {isLoggedIn ? (
        <p>You are logged in!</p>
      ) : (
        <GithubLoginButton
          clientId="YOUR_CLIENT_ID"
          redirectUri="http://localhost:3000/"
          onSuccess={onSuccess}
          onFailure={onFailure}
        />
      )}
    </div>
  );
};

export default App;