Furo 로그인 기능 구현의 핵심 Furo SDK 가 담긴 훅(Hook)으로, 사용자의 로그인 정보를 비롯한 다양한 속성 및 기능을 사용할 수 있습니다.

​
Usage

// src/App.js
import React from 'react';
import { useFuro } from 'furo-react';

function App() {
  const { isLoading, isAuthenticated, user, loginWithRedirect, logout } =
    useFuro();

  const onLogout = () => {
    logout();
    loginWithRedirect();
  };

  if (isLoading) {
    return <div>Loading...</div>;
  }

  if (isAuthenticated) {
    return (
      <div>
        Hello {user.name} <button onClick={onLogout}>Log out</button>
      </div>
    );
  } else {
    return <button onClick={loginWithRedirect}>{`Log in`}</button>;
  }
}

export default App;

​
Properties

​
loginWithRedirect

FuroProvider에서 지정한 domain으로 이동하는 함수입니다.

const loginWithRedirect: () => void;

​
logOut

로그아웃 함수입니다.

const logout: () => void;

​
isLoading

로그인이 진행 중일 경우 true, 아닌 경우 false를 갖는 상태값입니다.

const isLoading: boolean;

​
isAuthenticated

로그인 한 경우 true, 로그인하지 않은 경우 false 를 갖는 상태값입니다.

const isAuthenticated: boolean;

​
user

로그인 정보가 들어 있는 유저 객체입니다.

const isAuthenticated: User;

Was this page helpful?

FuroProviderNextjs Guides