表单 Form - Ant Design

基本的表单数据域控制展示，包含布局、初始化、验证、提交。

通过 Form.useForm 对表单数据域进行交互。

注意 useForm 是 React Hooks 的实现，只能用于函数组件。如果是在 Class Component 下，你也可以通过 ref 获取数据域：https://codesandbox.io/p/sandbox/ngtjtm

表单有三种布局。

在 Form.Item 上单独定义 layout，可以做到一个表单多种布局。

Form disabled

设置表单组件禁用，仅对 antd 组件有效。

通过 requiredMark 切换必选与可选样式。

设置表单组件尺寸，仅对 antd 组件有效。

使用 labelWrap 可以开启 label 换行。

rule 添加 warningOnly 后校验不再阻塞表单提交。

Name Value:

Custom Value:

useWatch 允许你监听字段变化，同时仅当该字段变化时重新渲染。API 文档请查阅此处。

对于有异步校验的场景，过于频繁的校验会导致后端压力。可以通过 validateTrigger 改变校验时机，或者 validateDebounce 改变校验频率，或者 validateFirst 设置校验短路。

Ant Design