antd design form表单获取对应值

Ant Design是一个流行的前端UI组件库，它提供了一个名为Form的模块来进行表单管理。在Ant Design Form中，获取表单字段的值通常通过访问`values`属性来实现。`values`是一个对象，包含了当前所有有效字段的值。

例如，如果你有一个名字和年龄的表单，你可以这样做：

import { Form } from 'antd';
const { Input, Button } = Form;

class MyForm extends React.Component {
  handleSubmit = (e) => {
    e.preventDefault();
    const values = this.form.validateFields(); // 获取并验证所有字段的值
    console.log(values.name, values.age);
    // 然后你可以在这里做你需要的操作，如发送请求等
  };

  render() {
    return (
      <Form ref={(c) => { this.form = c; }}>
        <Form.Item name="name">
          <Input />
        </Form.Item>
        <Form.Item name="age">
          <Input type="number" />
        </Form.Item>
        <Button type="primary" onClick={this.handleSubmit}>
          Submit
        </Button>
      </Form>
    );
  }
}

在这个例子中，当你点击提交按钮时，`validateFields()`方法会获取并验证表单中的值，并返回一个包含验证后的值的对象。