react-hook-form
    TypeScript icon, indicating that this package has built-in type declarations

    7.33.0 • Public • Published

    https://user-images.githubusercontent.com/10513364/152621466-59a41c65-52b4-4518-9d79-ffa3fafa498a.mp4

    npm downloads npm npm Discord

    Get started | API | Examples | Demo | Form Builder | FAQs

    Features

    Install

    npm install react-hook-form
    

    Quickstart

    import React from 'react';
    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('firstName')} />
          <input {...register('lastName', { required: true })} />
          {errors.lastName && <p>Last name is required.</p>}
          <input {...register('age', { pattern: /\d+/ })} />
          {errors.age && <p>Please enter number for age.</p>}
          <input type="submit" />
        </form>
      );
    }

    Sponsors

    Thanks go to these kind and lovely sponsors (companies and individuals)!

    @sayav @lemcii @washingtonsoares @lixunn @SamSamskies @peaonunes @wilhelmeek @iwarner @joejknowles @chris-gunawardena @Tymek @Luchanso @vcarel @gragland @tjshipe @krnlde @msutkowski @mlukaszczyk

    Backers

    Thanks go to all our backers! [Become a backer].

    Contributors

    Thanks go to these wonderful people! [Become a contributor].

    Helpers

    Thank you for helping and answering questions from the community.

    Organizations

    Thanks go to these wonderful organizations! [Contribute].

    Install

    npm i react-hook-form

    DownloadsWeekly Downloads

    2,138,229

    Version

    7.33.0

    License

    MIT

    Unpacked Size

    786 kB

    Total Files

    199

    Last publish

    Collaborators

    • bluebill1049