antd提交表单_antd-form学习

前言

最近在用React做项目，因为内容主要是增伤改查，就决定选择一个可以方便做增删改查的框架，经同事推荐，选择了ant-design。

但是在开发过程中遇到了各种困惑，一方面是因为对react本身的不熟悉，另一方面则是对ant-design框架的不熟。

因为业务重点在于表单的增删改查，自然是从form表单开始捣鼓。

正文

antd-form的初始感觉

第一次看antd-form文档时，只是感觉头皮发麻，因为用vue写同样的东西，几行就可以搞定，用react确实要几十行，就觉得，用react做东西太费劲了。不过既然已经准备好跨越React这道坎，闲话不多说，学习就完了。

React相关知识概要

因为本章节重点是讨论ant-form的工作流程，所以相关基础的东西，只做简单概括。

React本身：

React本质上来说，就是一个前端的状态机，state的更新带动了view的更新。

高阶组件

简单理解下，高阶函数通常指一个函数：接受一个函数或者返回一个函数，的函数。

这个概括到高阶组件就是接受一个组件作为参数，返回一个组件的，的函数。嗯。它是一个函数

antd-form

antd-form本身提供一些简单的组件，例如Form，FormItem,并且提供一些简单的功能，Form组件与FormItem组件相互配合，可以直接拿来写表单的业务逻辑。支持错误提示文本与校验状态，但是大部分的内容需要手动去控制。比如触发错误信息的展示&#x