Javascript 获取Ant设计表单的字段列表

我在React上有一个蚂蚁设计表单

如何获取表单的整个字段列表？（它们都是用Form.Item包装的）

当我提交表单时，有没有办法找出哪些字段被更改了（触摸）及其值

从“React”导入React
函数TempForm（{form}）{
const submit=e=>{
e、 预防默认值（）
form.validateFields（（错误，值）=>{
如果（错误）{
console.log（'验证时出错'）
}else if（值）{
console.log（'name:'，values.name，'email:'，values.email）
}
})
}
返回(
{form.getFieldDecorator（'name'{
初始值：“John”，
规则：[{required:true，消息：“请选择一个客户！”}，
})()}
{form.getFieldDecorator（'电子邮件'{
规则：[{必需：true，消息：'请选择诊所'}]，
})()}
)
}
导出默认表单。创建（）（TempForm）

---

这里我们有一个antd表单（导入所有必要的组件）和一个on submit函数。您可以轻松访问所有字段，如图所示。这里的值将是一个包含键值对的js对象，或者您可以使用form.getFieldValue（'name'）访问表单值。

谢谢，有没有办法只获取键值和值的字段对@devSpartanLet假设用户在输入框中键入某个内容并删除它而不保存，那么我认为您应该为每个字段使用一个check变量，如果输入字段中有任何更改，该变量将设置为true。或者，如果最终值的长度为0或大于0，则可以检查其长度。好的，谢谢。没有直接的功能来接触磁场

import React from 'react'

function TempForm({ form }) {
    const submit = e => {
        e.preventDefault()
        form.validateFields((error, values) => {
            if (error) {
              console.log('error while validating')
            } else if (values) {
               console.log('name: ', values.name, 'email: ', values.email)
             }
        })
     }
return (
<Form onSubmit={submit}>
  <div>
      <Form.Item label="Customer">
        {form.getFieldDecorator('name', {
          initialValue: 'John',
          rules: [{ required: true, message: 'Please select a customer!' }],
        })(<Input type="text" placeholder="name" />)}
      </Form.Item>
      <Form.Item label="Customer Email">
        {form.getFieldDecorator('email', {
          rules: [{ required: true, message: 'Please select a Clinic' }],
        })(<Input type="email" placeholder="customer email" />)}
      </Form.Item>
    </div>
</Form>
 )
 }

export default Form.create()(TempForm)