Création d'un composant de formulaire dans React – Exemple de formulaire KendoReact

Vous cherchez à créer un composant de formulaire dans React? Cela peut devenir compliqué, mais il existe des outils que nous pouvons utiliser pour vous faciliter la vie. Lisez la suite pour voir comment créer des formulaires React avec KendoReact, qui prend facilement en charge les aspects fastidieux des formulaires React.

La création de formulaires dans une application React peut être assez délicate.

Un outil que nous pouvons utiliser pour nous faciliter la vie est KendoReact Form . Il fournit deux composants, Form et Field qui nous aident à créer rapidement des formulaires complets. En outre, il est vraiment petit (seulement 5 Ko) et il n'a pas d'autres dépendances, donc son intégration dans nos applications est très simple.

Dans cet article, nous utiliserons le formulaire de KendoReact et Composants de champ pour créer des formulaires qui valident la saisie de l'utilisateur de différentes manières (champs obligatoires, adresses e-mail, etc.), affichent les messages d'erreur appropriés et ont une apparence élégante et cohérente. Mise en route

Pour commencer à utiliser KendoReact Form, il vous suffit d'installer un seul package, @ progress / kendo-react-form . Pour les applications de cet article, nous allons installer quelques autres dépendances qui fournissent des widgets et des fonctionnalités avancées:

 npm install --save  
 @ progress / kendo-drawing  
 @ progress / kendo-react-buttons  
 @ progress / kendo-react-dropdowns  
 @ progress / kendo-react-form  
 @ progress / kendo-react-inputs  
 @ progress / kendo- react-intl 

Également pas strictement nécessaire, mais nous installerons @ progress / kendo-theme-material pour utiliser le KendoReact Material Theme car il a l'air vraiment cool. ?

Création d'un formulaire de base

Pour commencer, nous allons créer un formulaire de base à l'aide des composants [19459109] Form

Source link