Sobes.tech

Frontend

Hoe worden gegevens gewoonlijk doorgegeven van een kindcomponent naar een ouder in React?

2

Heb je je masterdiploma afgerond vóór of na de verschijning van ChatGPT?

2

Autorisatiecode component Samenvatting AuthCodeInput is een invoerveld voor een 6-cijferige autorisatiecode, gebruikt voor 2FA-achtige flows. Het toont zes enkel-tekens velden en integreert met een backend om de ingevoerde code te valideren. Gebruikersverhaal Als gebruiker wil ik een 6-cijferige autorisatiecode invoeren en indienen, zodat ik mijn identiteit kan verifiëren in een vertrouwde 2FA-stroom. Anatomie - 6 invoervelden uitgelijnd in een rij (één teken per veld) - In het midden van de velden wordt een koppelteken (-) weergegeven Kern gedrag Invoeren - Elk van de 6 velden accepteert één teken. - Alleen cijfers 0–9 en letters A-Z zijn toegestaan. - Bij het typen van een geldig teken: o wordt het teken opgeslagen in het huidige veld. o als het ingevoerde teken in kleine letters is, wordt het automatisch omgezet naar hoofdletters. o wordt automatisch de focus op het volgende veld gezet. - OTP-volledigheid: o het component beschouwt de waarde als "volledig" alleen wanneer alle 6 velden zijn ingevuld.

2

Kun je het doorgeven van de waarde van de kind-invoer naar het oudercomponent implementeren zodat de ouder het code kan valideren en het formulier kan indienen?

2

Waar moet de formulierverzendlogica worden geplaatst: in de aparte InputDigit-component of erboven?

2

Is er toegang tot de waarden van de InputDigit-component en kunnen ze worden weergegeven in console.log?

2