useLogout
Der useLogout-Hook bietet Methoden zum Abmelden des Benutzers und Beenden seiner Sitzung.
Grundlegende Verwendung
import { useLogout } from 'authsafe-react';
function LogoutButton() {
const { logout } = useLogout();
return <button onClick={logout}>Logout</button>;
}Rückgabewerte
| Eigenschaft | Typ | Beschreibung |
|---|---|---|
logout | () => Promise<void> | Funktion zum Auslösen der Abmeldung |
isLoading | boolean | Ob ein Abmeldevorgang läuft |
error | Error | null | Fehlerobjekt bei fehlgeschlagener Abmeldung |
Weiterleitung nach Abmeldung
Sie können angeben, wohin der Benutzer nach der Abmeldung weitergeleitet werden soll:
import { useLogout } from 'authsafe-react';
import { useNavigate } from 'react-router-dom';
function LogoutButton() {
const { logout, isLoading } = useLogout();
const navigate = useNavigate();
const handleLogout = async () => {
await logout();
navigate('/');
};
return (
<button onClick={handleLogout} disabled={isLoading}>
{isLoading ? 'Logging out...' : 'Logout'}
</button>
);
}Typdefinition
interface IUseLogout {
logout: () => Promise<void>;
isLoading: boolean;
error: Error | null;
}