ContextQMD
Back to React Hook Form

README.V7.Zh CN

docs/README.V7.zh-CN.md

7.75.014.1 KB
Original Source
<div align="center"> <a href="https://react-hook-form.com" title="React Hook Form - Simple React forms validation"> 
    </a>
</div> <div align="center"> <a href="https://react-hook-form.com" title="React Hook Form - Simple React forms validation"> 
    </a>
</div> <div align="center">

</div> <p align="center"> <a href="https://react-hook-form.com/get-started">开始</a> | <a href="https://react-hook-form.com/docs">API</a> | <a href="https://github.com/bluebill1049/react-hook-form/tree/master/examples">示例</a> | <a href="https://react-hook-form.com">Demo</a> | <a href="https://react-hook-form.com/form-builder">表单生成器</a> | <a href="https://react-hook-form.com/faqs">常见问题</a> </p>

Features

安装

npm install react-hook-form

快速开始

jsx
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>
  );
}
<a href="https://ui.dev/bytes/?r=bill"> </a>

赞助者

感谢所有可爱及热情的（公司/个人）赞助者

<a href="https://underbelly.is/" target="_blank"> </a> <a href="https://www.leniolabs.com/" target="_blank"> </a> <a href="https://graphcms.com/" target="_blank"> </a> <p> <a href="https://github.com/sayav" ></a> <a href="https://github.com/lemcii" ></a> <a href="https://github.com/washingtonsoares" ></a> <a href="https://github.com/lixunn" ></a> <a href="https://github.com/SamSamskies" ></a> <a href="https://github.com/peaonunes" ></a> <a href="https://github.com/wilhelmeek" ></a> <a href="https://github.com/iwarner" ></a> <a href="https://github.com/joejknowles" ></a> <a href="https://github.com/chris-gunawardena" ></a> <a href="https://github.com/Tymek" ></a> <a href="https://github.com/Luchanso" ></a> <a href="https://github.com/vcarel" ></a> <a href="https://github.com/gragland" ></a> <a href="https://github.com/tjshipe" ></a> <a href="https://github.com/krnlde" ></a> <a href="https://github.com/msutkowski" ></a> <a href="https://github.com/mlukaszczyk" ></a> <a href="https://github.com/susshma" ></a> <a href="https://github.com/MatiasCiccone" ></a> <a href="https://github.com/ghostwriternr" ></a> <a href="https://github.com/neighborhood999" ></a> <a href="https://github.com/yjp20" ></a> <a href="https://github.com/samantha-wong" ></a> <a href="https://github.com/msc-insure" ></a> <a href="https://github.com/ccheney" ></a> <a href="https://github.com/artischockee" ></a> <a href="https://github.com/tsongas" ></a> <a href="https://github.com/knoefel" ></a> <a href="https://github.com/JGibel" ></a> <a href="https://github.com/gpalrepo" ></a> <a href="https://github.com/pjsachdev" ></a> <a href="https://github.com/svict4" ></a> <a href="https://github.com/raisiqueira" ></a> <a href="https://github.com/pashtet422" ></a> <a href="https://github.com/ozywuli" ></a> <a href="https://github.com/monkey0722" ></a> <a href="https://github.com/KATT" ></a> <a href="https://github.com/jeroenvisser101" ></a> <a href="https://github.com/sainu" ></a> <a href="https://github.com/bkincart" ></a> <a href="https://github.com/37108" ></a> </p>

支持者

感谢所有支持者! [成为支持者].

<a href="https://opencollective.com/react-hook-form#backers"> </a>

贡献者

感谢这些出色的人！ [成为贡献者].

<a href="https://github.com/react-hook-form/react-hook-form/graphs/contributors"> </a>

帮助者

感谢您帮助及回答社区中的问题

<a href="https://github.com/leapful"> </a> <a href="https://github.com/thanh-nguyen-95"> </a> <a href="https://github.com/slugmandrew"> </a> <a href="https://github.com/lundn"> </a> <a href="https://github.com/ritikbanger"> </a> <a href="https://github.com/fahadsohail482"> </a> <a href="https://github.com/getTobiasNielsen"> </a> <a href="https://github.com/jfreedman0212"> </a> <a href="https://github.com/marr"> </a>

组织机构

感谢这些精彩的组织！ [捐助]

<a href="https://github.com/react-hook-form/react-hook-form/graphs/contributors"> </a>