validateFields校验单个 代码

假设你有一个表单，其中包含多个字段，你想对其中一个字段进行校验，可以使用 `validateFields` 方法来校验单个字段。以下是一个示例代码：

import { Form } from 'antd';

const MyForm = ({ form }) => {
  const { getFieldDecorator, validateFields } = form;

  const handleSubmit = (e) => {
    e.preventDefault();
    validateFields(['fieldName'], (errors, values) => {
      if (!errors) {
        console.log(values);
        // 在这里提交表单
      }
    });
  };

  return (
    <Form onSubmit={handleSubmit}>
      <Form.Item label="Field Name">
        {getFieldDecorator('fieldName', {
          rules: [{ required: true, message: 'Please input your field name!' }],
        })(<Input placeholder="Field Name" />)}
      </Form.Item>
      {/* 其他表单项 */}
      <Button type="primary" htmlType="submit">
        Submit
      </Button>
    </Form>
  );
};

export default Form.create()(MyForm);

在上面的代码中，我们使用了 Ant Design 的 `Form` 组件和 `getFieldDecorator` 方法来渲染表单项。然后，在表单提交时，我们调用了 `validateFields` 方法来校验名为 `fieldName` 的表单项。如果校验通过，我们就可以在回调函数中获取表单值，并提交表单。如果校验失败，`errors` 参数将包含错误信息。