老实说，antd4的Form要比antd3的好用很多，但在实际的业务场景中，还是会因为充斥着大量的Form.Item。 拿上面的图来说，placeholder和require都差不多，所以我们是不是能再抽象一层。 答案肯定是能的。那么方案有哪一些呢： 借助于业界的一些方案，如f…

为了实现可配置化表单封装，提高中后台系统的研发效率，特研究了 React Hook Form 的 API，以窥探其设计思路，希望能够获得一些灵感。

本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！ rc-form 是谁? 我们也许会经常使用例如 Ant Design、Element UI、Vant 等第三方组件库来

react-form-simple，基于react可受控可扩展的轻量级表单状态管理库，以最精简的代码渲染出一个可受控的表单。除了集成自身功能之外,还具有非常可扩展的接口，与第三方UI集成使用。

首先我们先看一个简单的表单，收集并校验两个组件的值。只需要通过监听两个表单组件的 onChange 事件，获取表单项的 value，根据定义的校验规则对 value 进行检验，生成检验状态和检验信息，再通过 setState 驱动视图更新，展示组件的值以及校验信息即可。 上面的…

还记得刚工作那会，当我接触到antd的form表单的时候，那是一个惊艳，这组件真是太神奇啦！那么我们今天就来实现这份神奇！

> 作者：郜克帅 原文：<https://dev.to/ajones_codes/a-better-guide-to-forms-in-react-47f0?utm_source=newslette

rc-field-form的源码分析，主要介绍数据与视图如何更新，错误校验，以及一些特性如dependence的源码解析