react-hook-form使用
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react-hook-form使用相关的知识，希望对你有一定的参考价值。
参考技术A 官网地址： https://react-hook-form.com/react-hook-form是专门为校验表单、提交表单设计的，使用起来比传统的onChange、setState要方便很多。
而且它进一步做了优化，减少了不必要的render
完全替代了原先需要在组件里面声明state来接受input的值。
很多时候，我们需要设置默认值，比如在编辑的时候，已经有原有的值了，这个时候怎么设置呢？
表单在一个子组件里面，这时候就要用useFormContext了，
父组件：
通过FormProvider 把useFormMethods传递给子组件
子组件接收使用：
官方demo也挺好：
官方demo地址 https://github.com/react-hook-form/react-hook-form/tree/master/examples
以上是关于react-hook-form使用的主要内容，如果未能解决你的问题，请参考以下文章
如何使用 react-hook-form 有条件地禁用提交按钮？
react-hook-form：使用 onBlur 模式时验证不起作用
使用 reactstrap 从 react-hook-form 访问错误