Passer au contenu principal
Import Example
import React, { useState } from "react";
import {
  useMfaSmsChallenge,
  useUser,
  useTenant,
  useBranding,
  useClient,
  useOrganization,
  usePrompt,
  useUntrustedData,
} from "@auth0/auth0-acul-react/mfa-sms-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 de l’invite 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, la configuration et les données propres à l’é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 données saisies par l’utilisateur, non fiables et devant ê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

continueMfaSmsChallenge
getACall
pickSms
resendCode
tryAnotherMethod
useMfaSmsChallenge

Hooks utilitaires courants