Hoe vaak wordt de ref geactiveerd bij wijzigingen?
Frontend
Wanneer ben je afgestudeerd aan de universiteit?
Hoe worden gegevens gewoonlijk doorgegeven van een kindcomponent naar een ouder in React?
Heb je je masterdiploma afgerond vóór of na de verschijning van ChatGPT?
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.
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?
Waar moet de formulierverzendlogica worden geplaatst: in de aparte InputDigit-component of erboven?
Is er toegang tot de waarden van de InputDigit-component en kunnen ze worden weergegeven in console.log?