React Native

Formulieren & validatie

React Hook Form, Formik, Yup-validatie, controlled vs uncontrolled inputs, foutafhandeling

18 gespreksvragen·
Mid-Level
1

Wat is het belangrijkste verschil tussen een controlled en een uncontrolled input in React Native?

Antwoord

Een controlled input wordt beheerd door de React-state via de value- en onChangeText-props, wat op elk moment volledige controle over de waarde geeft. Een uncontrolled input gebruikt een ref om direct toegang te krijgen tot de waarde zonder via de React-state te gaan. Controlled inputs worden aanbevolen omdat ze realtime validatie en synchronisatie met de applicatiestate vergemakkelijken.

2

Welke React Hook Form-hook wordt gebruikt om een input te registreren en de validatie ervan af te handelen?

Antwoord

De useForm-hook van React Hook Form retourneert een object met meerdere methodes en eigenschappen. Met de register-methode kun je een input in het formulier registreren en er validatieregels aan koppelen. Het retourneert de benodigde props (onChange, onBlur, ref) om de input met het formulierbeheersysteem te verbinden.

3

Hoe definieer je een e-mailvalidatieschema met Yup?

Antwoord

Yup gebruikt een chainable API om validatieschema's te definiëren. Om een e-mail te valideren, gebruik je yup.string() om het type te definiëren, koppel je vervolgens .email() voor de validatie van het e-mailformaat en optioneel .required() om het veld verplicht te maken. Deze declaratieve aanpak maakt het mogelijk leesbare en herbruikbare validaties te maken.

4

Welke prop wordt in Formik gebruikt om de beginwaarden van het formulier te definiëren?

5

Wat is het belangrijkste prestatievoordeel van React Hook Form ten opzichte van Formik?

+15 gespreksvragen

Beheers React Native voor je volgende gesprek

Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.

Begin gratis