Chapitre 13 : React Hook Form

1. Pourquoi une bibliothèque ?

Gérer manuellement le state pour chaque champ, la validation et les erreurs peut devenir très verbeux. React Hook Form simplifie ce processus.

2. Installation

npm install react-hook-form

3. Exemple d'utilisation

import { useForm } from "react-hook-form";

function App() {
  const { register, handleSubmit, formState: { errors } } = useForm();
  const onSubmit = data => console.log(data);

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register("email", { required: true })} />
      {errors.email && <span>Ce champ est requis</span>}
      <input type="submit" />
    </form>
  );
}

4. Section Quiz

Testez vos connaissances sur les formulaires avancés.