Negotiable Paleobotanist Missions

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

    1.2.0 • Public • Published

    Performant, flexible and extensible forms with easy to use validation.

    npm downloads npm npm

    Tweet Join the community on Spectrum

    Goal

    This React Component will help you to debug forms when working React Hook Form, and give you more insight about your form's detail.

    Install

    $ npm install react-hook-form-devtools -D
    

    Quickstart

    import React from 'react';
    import { useForm } from 'react-hook-form';
    import { DevTool } from 'react-hook-form-devtools';
    import './App.css';
     
    const App = () => {
      const { register, control, handleSubmit } = useForm({
        mode: 'onChange',
      });
     
      return (
        <>
          {process.env.NODE_ENV !== 'production' && <DevTool control={control} />}
     
          <form onSubmit={handleSubmit(d => console.log(d))}>
            <h1>React Hook Form DevTools</h1>
     
            <label>Test</label>
            <input name="test" ref={register} />
     
            <input type="submit" />
          </form>
        </>
      );
    };
     
    export default App;

    Backers

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

    Organizations

    Thanks goes to these wonderful organizations! [Contribute].

    Contributors

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

    Keywords

    none

    Install

    npm i react-hook-form-devtools

    DownloadsWeekly Downloads

    3,622

    Version

    1.2.0

    License

    MIT

    Unpacked Size

    90 kB

    Total Files

    21

    Last publish

    Collaborators

    • bluebill1049