Frontend

À quelle fréquence la référence se déclenche-t-elle lors des changements ?

Quand avez-vous obtenu votre diplôme universitaire ?

Comment les données sont-elles généralement transmises d'un composant enfant à un parent dans React ?

Avez-vous terminé votre master avant ou après l'apparition de ChatGPT ?

Composant de code d'autorisation Résumé AuthCodeInput est un champ de saisie de code d'autorisation de 6 caractères utilisé pour des flux de style 2FA. Il affiche six champs à un seul caractère et s'intègre à un backend pour valider le code saisi. Histoire utilisateur En tant qu'utilisateur, je souhaite saisir un code d'autorisation de 6 caractères et le soumettre, afin de vérifier mon identité dans un flux 2FA familier. Anatomie - 6 champs de saisie alignés en ligne (un caractère par champ) - Au centre des champs, afficher un tiret (-) Comportement principal Entrées - Chacun des 6 champs accepte un seul caractère. - Seules les chiffres 0–9 et les lettres A-Z sont autorisées. - Lors de la saisie d'un caractère valide: o le caractère est stocké dans le champ actuel. o si le caractère saisi est en minuscules, il doit être automatiquement mis en majuscule. o le focus se déplace automatiquement sur le champ suivant. - Complétude OTP: o le composant considère la valeur "complète" uniquement lorsque tous les 6 champs sont remplis.

Pouvez-vous implémenter le passage de la valeur de l'entrée enfant au composant parent afin que le parent puisse valider le code et soumettre le formulaire ?

Où doit-on placer la logique d'envoi du formulaire : dans le composant InputDigit séparé ou au-dessus ?

Y a-t-il accès aux valeurs du composant InputDigit et peuvent-elles être affichées dans console.log ?