devtools:基于 React Hook Form 的表单调试工具项目

性能优越、灵活可扩展的表单，搭配简单易用的验证功能。

目标

此 React 组件能够在您使用 React Hook Form 时协助调试表单，并提供关于表单细节的深入了解。

安装

$ npm install @hookform/devtools -D

快速入门

import React from 'react';
import { useForm } from 'react-hook-form';
import { DevTool } from '@hookform/devtools';
import './App.css';

const App = () => {
  const { register, control, handleSubmit } = useForm({
    mode: 'onChange',
  });

  return (
    <>
      <DevTool control={control} placement="top-left" />

      <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;

支持者

感谢所有支持我们的人！[成为支持者]。

组织

感谢以下优秀组织！[贡献力量]。

贡献者

感谢以下卓越的个人！[成为贡献者]。