项目中有较多的表单进行编写时,使用antd的表单总是要写很多个相同的FormItem,表单过多时,代码的篇幅过于沉余和繁杂,不利于后期维护,所以对于一般简单的表单进行封装,来达到通过数据渲染表单的效果,改变维护Dom到维护数据的转变。

本篇文章围绕着antd中Form组件及Table，从手写Form到封装通用组件高效的封装Form和Table。 旨在在后台类项目中最大节省代码量，在实践中只需要无脑cv，并极低的定义方式实现带搜索操作

此篇文章是在工作中对antd Form的二次封装，使得表单的数据更加容易管理，自定义更多的功能已满足业务需求。

何为前端工程化 前端工程化是指将软件工程的原理和方法应用到前端开发中，以提高开发效率、代码质量和可维护性。随着 Web 应用的复杂度不断增加，传统的前端开发方式已经难以满足需求，因此引入了工程化的概念

如何封装一个通用的table组件，用于支持大规模的使用呢？让我们一步一步打怪升级，实现一个通用的，支持可扩展的table组件