Passer au contenu principal
Import Example
import React, { useState } from "react";
import {
  useMfaVoiceChallenge,
  useUser,
  useTenant,
  useBranding,
  useClient,
  useOrganization,
  usePrompt,
  useUntrustedData,
} from "@auth0/auth0-acul-react/mfa-voice-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 d’écran contenant le nom de l’écran actuel, sa 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 entrées 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 sur 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
pickPhone
resendCode
switchToSms
tryAnotherMethod
useMfaVoiceChallenge

Hooks communs et utilitaires