Frontend

Πόσο συχνά ενεργοποιείται το ref κατά τις αλλαγές;

Πότε αποφοιτήσατε από το πανεπιστήμιο;

Πώς περνούν συνήθως δεδομένα από ένα παιδικό συστατικό σε έναν γονέα στο React;

Ολοκληρώσατε το μεταπτυχιακό σας πριν ή μετά την εμφάνιση του ChatGPT;

Συστατικό κωδικού εξουσιοδότησης Περίληψη Το AuthCodeInput είναι ένα πεδίο εισαγωγής κωδικού εξουσιοδότησης 6 χαρακτήρων που χρησιμοποιείται για ροές τύπου 2FA. Απεικονίζει έξι πεδία με ένα χαρακτήρα και ενσωματώνεται με ένα backend για την επικύρωση του εισαγόμενου κωδικού. Ιστορία χρήστη Ως χρήστης, θέλω να εισάγω έναν 6-χαρακτήρα κωδικό εξουσιοδότησης και να τον υποβάλω, ώστε να επαληθεύσω την ταυτότητά μου σε μια οικεία ροή 2FA. Ανατομία - 6 πεδία εισαγωγής ευθυγραμμισμένα σε μια σειρά (ένα χαρακτήρα το καθένα) - Στο κέντρο των πεδίων, εμφανίζεται ένα παύλα (-) Βασική συμπεριφορά Εισαγωγές - Κάθε ένα από τα 6 πεδία δέχεται έναν μόνο χαρακτήρα. - Επιτρέπονται μόνο ψηφία 0–9 και γράμματα A-Z. - Κατά την πληκτρολόγηση ενός έγκυρου χαρακτήρα: o ο χαρακτήρας αποθηκεύεται στο τρέχον πεδίο. o αν ο εισαγόμενος χαρακτήρας είναι πεζός, πρέπει να μετατρέπεται αυτόματα σε κεφαλαίο. o εστιάζει αυτόματα στο επόμενο πεδίο. - Ολοκλήρωση OTP: o το συστατικό θεωρεί την τιμή "ολοκληρωμένη" μόνο όταν και τα 6 πεδία είναι γεμάτα.

Μπορείτε να υλοποιήσετε τη μεταφορά της τιμής από το παιδικό πεδίο εισόδου στο γονικό συστατικό ώστε ο γονέας να μπορεί να επικυρώσει τον κωδικό και να υποβάλει τη φόρμα;

Πού πρέπει να τοποθετηθεί η λογική υποβολής της φόρμας: στο ξεχωριστό στοιχείο InputDigit ή πάνω;

Υπάρχει πρόσβαση στις τιμές από το στοιχείο InputDigit και μπορούν να εμφανιστούν στο console.log;