> React hook form 让表单校验不再烦恼
[](https://twitter.com/intent/tweet?text=React+Hook-Form&url=https://github.com/bluebill1049/react-hook-form) [](https://circleci.com/gh/bluebill1049/react-hook-form) [](https://coveralls.io/github/bluebill1049/react-hook-form?branch=master) [](https://www.npmjs.com/package/react-hook-form)
[](https://www.npmjs.com/package/react-hook-form)
[](https://www.npmjs.com/package/react-lazyload-image)
- 使创建表单和集成更加便捷
- 基于React hook构建，更注重性能和开发体验
- 遵循html标准进行校验
- 迷你的体积而没有其他依赖(经过minified + gzipped优化后包只有2.8kb大小)
- 从[这里](https://react-hook-form.now.sh/builder)快速构建你的表单
## 安装
$ npm install react-hook-form
## [文档](https://react-hook-form.now.sh/api)
- [动机](https://medium.com/@bruce1049/form-validation-with-hook-in-3kb-c5414edf7d64)
- [开始](https://react-hook-form.now.sh/api)
- [API](https://react-hook-form.now.sh/api)
- [示例](https://github.com/bluebill1049/react-hook-form/tree/master/examples)
- [Demo](https://react-hook-form.now.sh)
- [Form Builder](https://react-hook-form.now.sh/builder)
## 快速开始
```jsx
import React from 'react'
import useForm from 'react-hook-form'
function App() {
const { register, handleSubmit, errors } = useForm() // initialise the hook
const onSubmit = (data) => { console.log(data) } // callback when validation pass
return (
)
}
```
