Passer au contenu principal
Import Example
import React, { useState } from "react";
import {
  useMfaEmailChallenge,
  useUser,
  useTenant,
  useBranding,
  useClient,
  useOrganization,
  usePrompt,
  useUntrustedData,
} from "@auth0/auth0-acul-react/mfa-email-challenge";

Hooks de contexte

useBranding
Hook permettant d’accéder à la configuration de l’image de marque et du thème.
Example
import { useBranding } from '@auth0/auth0-acul-react/login-id';
function CustomTheme() {
  const branding = useBranding();
}
useClient
Hook permettant d’accéder à la configuration de l’Application Auth0 (client).
Example
import { useClient } from '@auth0/auth0-acul-react/login-id';
function AppInfo() {
  const client = useClient();
}
useOrganization
Hook permettant d’accéder au contexte et aux paramètres de l’organisation.
Example
import { useOrganization } from '@auth0/auth0-acul-react/login-id';
function OrgSelector() {
  const organization = useOrganization();
  if (!organization) {
    return <p>Aucun contexte d’organisation</p>;
  }
}
usePrompt
Hook permettant d’accéder à la configuration du prompt et aux paramètres du flux.
Example
import { usePrompt } from '@auth0/auth0-acul-react/login-id';
function FlowInfo() {
  const prompt = usePrompt();
}
useScreen
Hook permettant d’accéder aux informations et aux métadonnées de l’écran actuel.Objet écran contenant le nom de l’écran actuel, la configuration et les données propres à cet écran
Example
import { useScreen } from '@auth0/auth0-acul-react/login-id';
function ScreenDebug() {
  const screen = useScreen();
}
useTenant
Hook permettant d’accéder à la configuration et aux paramètres du tenant.
Example
import { useTenant } from '@auth0/auth0-acul-react/login-id';
function TenantInfo() {
  const tenant = useTenant();
}
useTransaction
Hook permettant d’accéder à l’état de la transaction et aux données du flux d’authentification.
Example
import { useTransaction } from '@auth0/auth0-acul-react/login-id';
function TransactionInfo() {
  const transaction = useTransaction();
}
useUntrustedData
Hook permettant d’accéder aux données non fiables provenant des paramètres d’URL et des soumissions de formulaires.Objet contenant les saisies de l’utilisateur non fiables qui doivent être validées avant utilisation
Example
import { useUntrustedData } from '@auth0/auth0-acul-react/login-id';
function PrefilledForm() {
  const untrustedData = useUntrustedData();
}
useUser
Hook permettant d’accéder aux informations de l’utilisateur et aux données de profil.
Example
import { useUser } from '@auth0/auth0-acul-react/login-id';
function UserProfile() {
  const user = useUser();
}

Méthodes

continueMethod
pickEmail
resendCode
tryAnotherMethod
useMfaEmailChallenge

Hooks courants / utilitaires