Sobes.tech

Frontend

Quanto spesso viene attivato il ref durante le modifiche?

4

Come vengono di solito passati i dati da un componente figlio a un genitore in React?

2

Hai completato il tuo master prima o dopo l'apparizione di ChatGPT?

2

Componente di codice di autorizzazione Sommario AuthCodeInput è un campo di input di codice di autorizzazione di 6 caratteri usato per flussi in stile 2FA. Visualizza sei campi singoli e si integra con un backend per convalidare il codice inserito. Storia utente Come utente, voglio inserire un codice di autorizzazione di 6 caratteri e inviarlo, in modo da poter verificare la mia identità in un flusso familiare di 2FA. Anatomia - 6 campi di input allineati in una riga (uno per carattere) - Al centro dei campi, visualizza un trattino (-) Comportamento principale Ingressi - Ciascuno dei 6 campi accetta un singolo carattere. - Sono consentiti solo cifre da 0 a 9 e lettere da A a Z. - Digitando un carattere valido: o il carattere viene memorizzato nel campo corrente. o se il carattere inserito è in minuscolo, deve essere automaticamente convertito in maiuscolo. o il focus si sposta automaticamente sul campo successivo. - Completezza OTP: o il componente considera il valore "completo" solo quando tutti e 6 i campi sono pieni.

2

Puoi implementare il passaggio del valore dall'input figlio al componente genitore in modo che il genitore possa convalidare il codice e inviare il modulo?

2

Dove dovrebbe essere collocata la logica di invio del modulo: nel componente InputDigit separato o sopra?

2

C'è accesso ai valori del componente InputDigit e possono essere stampati su console.log?

2