MfaOtpChallenge

Import Example

import React, { useState } from "react";
import {
  useMfaOtpChallenge,
  useUser,
  useTenant,
  useBranding,
  useClient,
  useOrganization,
  usePrompt,
  useUntrustedData,
} from "@auth0/auth0-acul-react/mfa-otp-challenge";

​

Hooks de contexte

useBranding · () => BrandingMembers

Hook pour 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 · () => ClientMembers

Hook pour 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 · () => OrganizationMembers

Hook pour 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 · () => PromptMembers

Hook pour 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 · () => ScreenMembersOnMfaOtpChallenge

Hook pour accéder aux informations et aux métadonnées de l’écran actuel.

Objet écran qui contient 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 · () => TenantMembers

Hook pour 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 · () => TransactionMembers

Hook pour 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 · () => UntrustedDataMembersOnMfaOtpChallenge

Hook pour accéder aux données non fiables provenant des paramètres d’URL et des soumissions de formulaires.

Objet contenant des 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 · () => UserMembers

Hook pour 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 · void | Promise<void>

Afficher Paramètres

payload · ContinueOTPOptions

Propriétés

code · string

Le code saisi par l’utilisateur

rememberDevice? · boolean

Indique s’il faut retenir ce navigateur

tryAnotherMethod · void | Promise<void>

Afficher Paramètres

payload · TryAnotherMethodMfaOtpChallengeOptions

useMfaOtpChallenge · MfaOtpChallengeMembers

​

Hooks utilitaires courants

useCurrentScreen · Hooks

useErrors · Hooks

useAuth0Themes · Hooks

UseErrorOptions · Types

UseErrorsResult · Types

ErrorsResult · Types

ErrorKind · Types